/* Header */
/* =======================
   Custom Search Styles
   ======================= */

/* height */
.search-menu form.e-search-form {
  height: 40px !important;
}

/* width */
.search-menu .e-search-input-wrapper {
  width: 514px !important;
  height: 49px;
}

/* button */
.search-menu button.e-search-submit {
  background-color: #f1f2f7 !important;
  border-radius: 12px 0 0 12px !important;
}

/* svg */
.search-menu svg {
  margin: 0px !important;
}

/* =========================================
   Custom WooCommerce Cart Button
   ========================================= */

/* Main Cart Button Styling */
.cart-menu #elementor-menu-cart__toggle_button {
  width: 45px; /* Button width */
  height: 45px; /* Button height */
  border: none; /* Remove default border */
  background-color: #2cc680; /* Green background */
  border-radius: 12px; /* Rounded corners */
  position: relative; /* Needed for ::after positioning */
  overflow: hidden; /* Hide overflow if icon exceeds */
}

/* Hide default WooCommerce cart icon (i or svg) */
.cart-menu #elementor-menu-cart__toggle_button .elementor-button-icon i,
.cart-menu #elementor-menu-cart__toggle_button .elementor-button-icon svg {
  display: none !important;
}

/* Custom cart icon */
.cart-menu #elementor-menu-cart__toggle_button .elementor-button-icon::after {
  content: "" !important;
  display: block;
  background: url("http://sabzsolar.com/wp-content/uploads/2025/08/Cart-3.svg")
    no-repeat center center;
  background-size: contain; /* Maintain icon proportions */
  width: 24px; /* Icon width */
  height: 24px; /* Icon height */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the icon exactly */
}