/* Infinity custom styles - heancosmetics */

/* Empty cart title - slightly larger */
.wc-block-cart__empty-cart__title{font-size:2rem !important;line-height:1.3}

/* Add-to-cart buttons - brand color */
.add_to_cart_button,
.wc-block-components-product-button .wp-block-button__link.add_to_cart_button{background-color:#EA93A2 !important;border-color:#EA93A2 !important;color:#ffffff !important}
.add_to_cart_button:hover,
.add_to_cart_button:focus,
.wc-block-components-product-button .wp-block-button__link.add_to_cart_button:hover,
.wc-block-components-product-button .wp-block-button__link.add_to_cart_button:focus{background-color:#E27E8E !important;border-color:#E27E8E !important;color:#ffffff !important}

/* Product title - brand color */
.wc-block-grid__product-title,
.wc-block-grid__product-title a{color:#EA93A2 !important}

/* Mini-cart empty state icon -> custom PNG (CSS so it survives WC fragment cache) */
.site-empty svg{display:none !important}
.site-empty::before{content:"";display:block;width:85px;height:85px;margin:0 auto 14px;background:url("https://heancosmetics.ge/wp-content/uploads/2026/08/cart.png") center/contain no-repeat}

/* Search overlay: compact when empty, reveal live-search results */
html body .site-search-holder .site-search-holder-inner{overflow:visible !important;height:auto !important;min-height:0 !important;max-height:none !important}
html body .site-search-holder .klb-search-results{background:#ffffff;max-height:70vh;overflow-y:auto;box-shadow:0 12px 30px rgba(0,0,0,.12);border-radius:6px}

/* My Account buttons (orders: view/pay/cancel, etc.) - brand color */
.woocommerce-account .woocommerce-button.button,
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content button.button{background-color:#EA93A2 !important;border-color:#EA93A2 !important;color:#ffffff !important}
.woocommerce-account .woocommerce-button.button:hover,
.woocommerce-account .woocommerce-button.button:focus,
.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .button:focus,
.woocommerce-account .woocommerce-MyAccount-content button.button:hover,
.woocommerce-account .woocommerce-MyAccount-content button.button:focus{background-color:#E27E8E !important;border-color:#E27E8E !important;color:#ffffff !important}

/* My Account nav active item - brand color (was black) */
.my-account-inner .my-account-navigation ul .is-active > a{background-color:#EA93A2 !important;color:#ffffff !important}
.my-account-inner .my-account-navigation ul .is-active > a:hover{background-color:#E27E8E !important;color:#ffffff !important}

/* Header count badges (wishlist/cart) - brand color (was black) */
.site-action-button .site-action-count{--action-count-background-color:#EA93A2 !important;--action-count-color:#ffffff !important}

/* Mini-cart drawer black button (View cart) - brand color */
.site-mini-cart .woocommerce-mini-cart__buttons .button:not(.checkout){background-color:#EA93A2 !important;border-color:#EA93A2 !important;color:#ffffff !important}
.site-mini-cart .woocommerce-mini-cart__buttons .button:not(.checkout):hover,
.site-mini-cart .woocommerce-mini-cart__buttons .button:not(.checkout):focus{background-color:#E27E8E !important;border-color:#E27E8E !important;color:#ffffff !important}

/* Cart block product name - brand color */
.wc-block-components-product-name{color:#EA93A2 !important}
.wc-block-components-product-name:hover,
.wc-block-components-product-name:focus{color:#E27E8E !important}

/* Cart block Proceed-to-Checkout button - brand color */
.wc-block-cart__submit-button,
a.wc-block-components-button.wc-block-cart__submit-button{background-color:#EA93A2 !important;border-color:#EA93A2 !important;color:#ffffff !important}
.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button:focus{background-color:#E27E8E !important;border-color:#E27E8E !important;color:#ffffff !important}
.wc-block-cart__submit-button .wc-block-components-button__text{color:#ffffff !important}

/* Checkout: shipping-method radio - brand accent */
.woocommerce input.shipping_method,
input.shipping_method,
#shipping_method input[type=radio]{accent-color:#EA93A2}

/* Checkout: Place Order button - brand color */
#place_order,
.woocommerce #place_order,
.woocommerce-checkout #place_order.button.alt{background-color:#EA93A2 !important;border-color:#EA93A2 !important;color:#ffffff !important}
#place_order:hover,
#place_order:focus{background-color:#E27E8E !important;border-color:#E27E8E !important;color:#ffffff !important}

/* Contact page (1284): smaller heading + halved vertical whitespace */
.elementor-1284 .elementor-element.elementor-element-b8414cf .elementor-heading-title{font-size:30px !important;line-height:1.2em !important}
@media (max-height:800px){
  .elementor-1284 .elementor-element.elementor-element-b8414cf .elementor-heading-title{font-size:26px !important;line-height:1.15em !important}
}
@media (max-height:650px){
  .elementor-1284 .elementor-element.elementor-element-b8414cf .elementor-heading-title{font-size:22px !important;line-height:1.1em !important}
}
/* halve the stacked-container top margins (whitespace) */
.elementor-1284 .elementor-element.elementor-element-75ba60d{--margin-top:15px !important}
.elementor-1284 .elementor-element.elementor-element-b370892{--margin-top:15px !important}
.elementor-1284 .elementor-element.elementor-element-f3a540f{--margin-top:10px !important}
.elementor-1284 .elementor-element.elementor-element-e007700{--margin-top:10px !important}

/* Footer: shrink the large vertical padding (was 86px top/bottom on widgets row) */
.site-footer .footer-widgets{--footer-row-offset-top-lg:26px !important;--footer-row-offset-bottom-lg:26px !important;--footer-row-offset-top:22px !important;--footer-row-offset-bottom:22px !important}
.site-footer .footer-copyright{--footer-row-offset-top-lg:14px !important;--footer-row-offset-bottom-lg:14px !important;--footer-row-offset-top:12px !important;--footer-row-offset-bottom:12px !important}
.site-footer{--theme-footer-offset-lg:60px !important;margin-top:60px !important}

/* Footer copyright INFINITY link - match surrounding text size (was oversized) */
body .footer-copyright .site-copyright a,
body .site-drawer-footer .site-copyright a,
body .site-copyright a{font-size:inherit !important;line-height:inherit !important;letter-spacing:normal !important}

/* Price filter FILTER button - brand color */
.widget_price_filter .price_slider_amount button[type="submit"],
.widget_price_filter button.button,
.woocommerce.widget_price_filter button{background-color:#EA93A2 !important;border-color:#EA93A2 !important;color:#ffffff !important}
.widget_price_filter .price_slider_amount button[type="submit"]:hover,
.widget_price_filter button.button:hover,
.widget_price_filter button.button:focus{background-color:#E27E8E !important;border-color:#E27E8E !important;color:#ffffff !important}

/* Shop banner (Elementor tpl 1443) title 36px + halved whitespace */
.elementor-element-879138b .elementor-heading-title{font-size:36px !important;line-height:1.2em !important}
@media (max-width:767px){
  .elementor-element-879138b .elementor-heading-title{font-size:26px !important}
}
.elementor-element-42985e3{--margin-top:15px !important;--padding-bottom:15px !important}

/* Footer social menu -> icon row */
#menu-footer-socials{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;gap:6px;align-items:center;list-style:none;margin:0;padding:0}
#menu-footer-socials li{margin:0 !important;padding:0 !important;width:auto !important;flex:0 0 auto;display:inline-flex}
#menu-footer-socials a.inf-social-ic{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:inherit;transition:all .2s ease}
#menu-footer-socials a.inf-social-ic:hover{background:#ffffff;color:#EA93A2;border-color:#ffffff}
#menu-footer-socials a.inf-social-ic svg{width:18px;height:18px}

/* Mobile: product-card add-to-cart wrapper background transparent (was white) */
@media screen and (max-width:1024px){
  .product .product-thumbnail .product-cart-actions .product-cart-actions-inner{background-color:transparent !important;box-shadow:none !important}
}

/* Footer payment icons */
.footer-card-icons{display:flex !important;gap:8px;align-items:center;flex-wrap:wrap}
.footer-card-icons .inf-pay{display:inline-flex;line-height:0}
.footer-card-icons .inf-pay svg{width:40px;height:26px;display:block;box-shadow:0 1px 2px rgba(0,0,0,.12);border-radius:4px}

/* Transparent header: overlap fallback so the hero pulls up under the header even before JS sets --header-height (fixes intermittent white gap / FOUC) */
.page-content:has(.site-header.is-transparent) .main-content{margin-top:calc(var(--header-height, 130px) * -1) !important}
@media screen and (max-width:1023.98px){
  .page-content:has(.site-header.is-transparent) .main-content{margin-top:calc(var(--header-height, 60px) * -1) !important}
}

/* inf-sd-uniform: product short description - one uniform text size.
   Excerpts were authored with mixed h1/h2/h3/h4 headings (40/32/28/24px);
   level them to the surrounding body text (inherit = 15px desktop / 14px mobile).
   Covers the single-product summary and the list-layout card (.product-excerpt). */
.woocommerce-product-details__short-description h1,
.woocommerce-product-details__short-description h2,
.woocommerce-product-details__short-description h3,
.woocommerce-product-details__short-description h4,
.woocommerce-product-details__short-description h5,
.woocommerce-product-details__short-description h6,
.product-excerpt h1,
.product-excerpt h2,
.product-excerpt h3,
.product-excerpt h4,
.product-excerpt h5,
.product-excerpt h6 {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  margin: 0 0 8px !important;
}
.woocommerce-product-details__short-description [style*="font-size"],
.product-excerpt [style*="font-size"] {
  font-size: inherit !important;
}

/* inf-desc-uniform: product long description (Description tab) - one uniform text size.
   Content sub-headings were authored as h3/h4 (28px/24px Cormorant); level them to the
   body text (inherit = 16px). The theme's own "Description" section heading is the
   panel's first child h2 and is deliberately left at its full size.
   Margins are not touched, so the existing vertical rhythm is preserved. */
.woocommerce-Tabs-panel--description h1,
.woocommerce-Tabs-panel--description h2:not(:first-child),
.woocommerce-Tabs-panel--description h3,
.woocommerce-Tabs-panel--description h4,
.woocommerce-Tabs-panel--description h5,
.woocommerce-Tabs-panel--description h6 {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
}
.woocommerce-Tabs-panel--description [style*="font-size"] {
  font-size: inherit !important;
}

/* inf-heading-bold-guard: the levelled headings above are forced to 700, so a <strong>
   authored inside one would compound to 900 (heavier than any surrounding bold).
   Keep a single bold weight instead. */
.woocommerce-product-details__short-description h1 strong,
.woocommerce-product-details__short-description h1 b,
.woocommerce-product-details__short-description h2 strong,
.woocommerce-product-details__short-description h2 b,
.woocommerce-product-details__short-description h3 strong,
.woocommerce-product-details__short-description h3 b,
.woocommerce-product-details__short-description h4 strong,
.woocommerce-product-details__short-description h4 b,
.woocommerce-product-details__short-description h5 strong,
.woocommerce-product-details__short-description h5 b,
.woocommerce-product-details__short-description h6 strong,
.woocommerce-product-details__short-description h6 b,
.product-excerpt h1 strong,
.product-excerpt h1 b,
.product-excerpt h2 strong,
.product-excerpt h2 b,
.product-excerpt h3 strong,
.product-excerpt h3 b,
.product-excerpt h4 strong,
.product-excerpt h4 b,
.product-excerpt h5 strong,
.product-excerpt h5 b,
.product-excerpt h6 strong,
.product-excerpt h6 b,
.woocommerce-Tabs-panel--description h1 strong,
.woocommerce-Tabs-panel--description h1 b,
.woocommerce-Tabs-panel--description h2:not(:first-child) strong,
.woocommerce-Tabs-panel--description h2:not(:first-child) b,
.woocommerce-Tabs-panel--description h3 strong,
.woocommerce-Tabs-panel--description h3 b,
.woocommerce-Tabs-panel--description h4 strong,
.woocommerce-Tabs-panel--description h4 b,
.woocommerce-Tabs-panel--description h5 strong,
.woocommerce-Tabs-panel--description h5 b,
.woocommerce-Tabs-panel--description h6 strong,
.woocommerce-Tabs-panel--description h6 b {
  font-weight: inherit !important;
}

/* ------------------------------------------------------------------------
   Coupon panel (cart + checkout blocks) — brand colours
   Brand: #EA93A2, hover #E27E8E, tints #FBECEF / #EFC9D1 / #C2647A
   ------------------------------------------------------------------------ */

/* The "add a coupon" toggle reads as a link, so it takes the brand colour
   rather than the body grey it inherits from the panel. */
.wc-block-components-totals-coupon .wc-block-components-panel__button {
	color: #EA93A2;
	font-weight: 600;
	letter-spacing: .01em;
}

.wc-block-components-totals-coupon .wc-block-components-panel__button:hover,
.wc-block-components-totals-coupon .wc-block-components-panel__button:focus {
	color: #E27E8E;
}

/* The chevron is a bare <path>, so it only follows the text once it is told to. */
.wc-block-components-totals-coupon .wc-block-components-panel__button-icon {
	fill: currentColor;
}

.wc-block-components-totals-coupon .wc-block-components-panel__content {
	padding-top: .75em;
}

/* Field and button sit on one baseline with the same corner radius. */
.wc-block-components-totals-coupon .wc-block-components-totals-coupon__form {
	gap: .5em;
	align-items: stretch;
}

.wc-block-components-totals-coupon .wc-block-components-totals-coupon__input input[type="text"] {
	border: 1px solid #EFC9D1;
	border-radius: 4px;
	background-color: #FFF;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.wc-block-components-totals-coupon .wc-block-components-totals-coupon__input input[type="text"]:hover {
	border-color: #E6B4BF;
}

.wc-block-components-totals-coupon .wc-block-components-totals-coupon__input input[type="text"]:focus {
	border-color: #EA93A2;
	box-shadow: 0 0 0 2px rgba(234, 147, 162, .25);
	outline: none;
}

.wc-block-components-totals-coupon .wc-block-components-totals-coupon__input label {
	color: #A98C92;
}

.wc-block-components-totals-coupon .wc-block-components-totals-coupon__input:focus-within label {
	color: #EA93A2;
}

/* Apply button: brand fill when it can be pressed, a pink tint while the field
   is empty — the default grey read as broken next to the pink field. */
.wc-block-components-totals-coupon .wc-block-components-totals-coupon__button.wc-block-components-button {
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: #EA93A2;
	color: #FFF;
	font-weight: 600;
	transition: background-color .15s ease;
}

.wc-block-components-totals-coupon .wc-block-components-totals-coupon__button.wc-block-components-button:not([disabled]):not([aria-disabled="true"]):hover {
	background-color: #E27E8E;
	color: #FFF;
}

.wc-block-components-totals-coupon .wc-block-components-totals-coupon__button.wc-block-components-button:focus-visible {
	box-shadow: 0 0 0 2px rgba(234, 147, 162, .35);
	outline: none;
}

.wc-block-components-totals-coupon .wc-block-components-totals-coupon__button.wc-block-components-button[disabled],
.wc-block-components-totals-coupon .wc-block-components-totals-coupon__button.wc-block-components-button[aria-disabled="true"] {
	background-color: #F7DFE3;
	border-color: transparent;
	color: #C79AA4;
	opacity: 1;
}

/* An applied coupon is shown as a removable chip. */
.wc-block-components-totals-discount__coupon-list .wc-block-components-chip,
.wc-block-components-totals-coupon .wc-block-components-chip {
	background-color: #FBECEF;
	border: 1px solid #EFC9D1;
	color: #C2647A;
}

.wc-block-components-totals-discount__coupon-list .wc-block-components-chip__remove,
.wc-block-components-totals-coupon .wc-block-components-chip__remove {
	color: inherit;
}

.wc-block-components-totals-discount__coupon-list .wc-block-components-chip__remove-icon,
.wc-block-components-totals-coupon .wc-block-components-chip__remove-icon {
	fill: currentColor;
}

.wc-block-components-totals-discount__coupon-list .wc-block-components-chip__remove:hover,
.wc-block-components-totals-coupon .wc-block-components-chip__remove:hover {
	color: #E27E8E;
}

.wc-block-components-totals-discount .wc-block-components-totals-item__value {
	color: #C2647A;
}