/* Maher Liquid Glass — shared visual language for the full storefront. */

.maher-liquid-glass {
  background-color: var(--hkm-bg);
  background-image:
    radial-gradient(circle at 86% 9%, color-mix(in srgb,var(--hkm-primary) 13%,transparent), transparent 28rem),
    radial-gradient(circle at 8% 42%, color-mix(in srgb,var(--hkm-surface-2) 88%,transparent), transparent 35rem),
    linear-gradient(155deg,var(--hkm-bg),color-mix(in srgb,var(--hkm-surface) 74%,var(--hkm-bg)) 52%,var(--hkm-bg));
  background-attachment: fixed;
}

.maher-liquid-glass .maher-fixed-header {
  background: color-mix(in srgb,var(--hkm-bg) var(--maher-glass-opacity),transparent) !important;
  box-shadow: 0 16px 46px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,var(--maher-glass-highlight)) !important;
  -webkit-backdrop-filter: blur(var(--maher-glass-blur)) saturate(var(--maher-glass-saturation));
  backdrop-filter: blur(var(--maher-glass-blur)) saturate(var(--maher-glass-saturation));
}

.maher-liquid-glass .maher-header-menu,
.maher-liquid-glass .maher-header-icon,
.maher-liquid-glass .maher-fixed-cart,
.maher-liquid-glass .maher-footer-social a,
.maher-liquid-glass .maher-contact-icons a {
  border: 1px solid color-mix(in srgb,var(--hkm-text) 12%,transparent) !important;
  background: linear-gradient(145deg,color-mix(in srgb,var(--hkm-text) 10%,transparent),color-mix(in srgb,var(--hkm-surface) 46%,transparent)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18), 0 10px 24px rgba(0,0,0,.16) !important;
  -webkit-backdrop-filter: blur(var(--maher-glass-blur)) saturate(var(--maher-glass-saturation));
  backdrop-filter: blur(var(--maher-glass-blur)) saturate(var(--maher-glass-saturation));
}

.maher-liquid-glass :where(
  .hkm-feature,
  .hkm-category-card,
  .hkm-step,
  .review-card,
  .hkm-faq__item,
  .hkm-product-card,
  .hkm-promo-card,
  .hkm-table-wrap,
  .hkm-post,
  .maher-footer-panel,
  .woocommerce ul.products li.product,
  .single-product div.product > .summary,
  .single-product div.product > .product-details,
  .hkm-product-spec,
  .woocommerce-cart table.shop_table,
  .woocommerce-cart .cart-collaterals .cart_totals
) {
  border-color: color-mix(in srgb,var(--hkm-primary) 24%,rgba(255,255,255,.14)) !important;
  background-color: color-mix(in srgb,var(--hkm-surface) var(--maher-glass-opacity),transparent) !important;
  background-image:
    linear-gradient(145deg,rgba(255,255,255,.08),transparent 34%),
    radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--hkm-primary) 9%,transparent),transparent 42%) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,var(--maher-glass-highlight)),
    inset 0 -1px rgba(255,255,255,.025),
    0 22px 54px rgba(0,0,0,.22) !important;
  -webkit-backdrop-filter: blur(var(--maher-glass-blur)) saturate(var(--maher-glass-saturation));
  backdrop-filter: blur(var(--maher-glass-blur)) saturate(var(--maher-glass-saturation));
}

.maher-liquid-glass :where(.hkm-feature,.hkm-category-card,.hkm-step,.review-card,.hkm-faq__item,.hkm-product-card,.hkm-promo-card,.hkm-post,.woocommerce ul.products li.product) {
  border-radius: var(--maher-glass-radius) !important;
}

.maher-liquid-glass :where(.hkm-product-card,.hkm-category-card,.hkm-feature,.woocommerce ul.products li.product) {
  transform: translateZ(0);
  transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease;
}

.maher-liquid-glass :where(.hkm-product-card,.hkm-category-card,.hkm-feature,.woocommerce ul.products li.product):hover {
  border-color: color-mix(in srgb,var(--hkm-primary) 58%,rgba(255,255,255,.2)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,var(--maher-glass-highlight)), 0 28px 66px rgba(0,0,0,.34) !important;
  transform: translateY(-6px) scale(1.008);
}

.maher-liquid-glass :where(.hkm-btn--ghost,.single-product form.cart .hkm-buy-now,.woocommerce .woocommerce-ordering select) {
  border-color: color-mix(in srgb,var(--hkm-text) 20%,transparent) !important;
  background: linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,var(--maher-glass-highlight)), 0 10px 26px rgba(0,0,0,.16);
  -webkit-backdrop-filter: blur(var(--maher-glass-blur));
  backdrop-filter: blur(var(--maher-glass-blur));
}

.maher-liquid-glass :where(.hkm-btn--primary,.hkm-btn--gold,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.single-product form.cart .single_add_to_cart_button,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce-checkout #place_order) {
  border: 1px solid color-mix(in srgb,var(--hkm-primary-light) 56%,var(--hkm-border)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.55), 0 13px 30px color-mix(in srgb,var(--hkm-primary) 26%,transparent) !important;
}

.maher-liquid-glass .maher-fixed-footer {
  background: color-mix(in srgb,var(--hkm-bg) 90%,transparent) !important;
  background-image: radial-gradient(circle at 80% 18%,color-mix(in srgb,var(--hkm-primary) 11%,transparent),transparent 35%) !important;
}

.maher-liquid-glass .hkm-mobile-buy-bar,
.maher-liquid-glass .hkm-mobile-cart-bar {
  background: color-mix(in srgb,var(--hkm-surface) 82%,transparent) !important;
  box-shadow: inset 0 1px rgba(255,255,255,var(--maher-glass-highlight)), 0 -18px 42px rgba(0,0,0,.38) !important;
  -webkit-backdrop-filter: blur(var(--maher-glass-blur)) saturate(var(--maher-glass-saturation));
  backdrop-filter: blur(var(--maher-glass-blur)) saturate(var(--maher-glass-saturation));
}

.maher-liquid-glass.woocommerce-checkout {
  background-color: var(--hkm-bg) !important;
  background-image:
    radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--hkm-primary) 18%,transparent),transparent 32rem),
    radial-gradient(circle at 4% 64%,color-mix(in srgb,var(--hkm-accent) 14%,transparent),transparent 36rem),
    linear-gradient(150deg,var(--hkm-bg),color-mix(in srgb,var(--hkm-surface) 78%,var(--hkm-bg))) !important;
}

.maher-liquid-glass.woocommerce-checkout :where(.woocommerce-billing-fields,#order_review,#order_review_heading) {
  border: 1px solid var(--hkm-border);
  background: color-mix(in srgb,var(--hkm-surface) 82%,transparent) !important;
  box-shadow: inset 0 1px color-mix(in srgb,var(--hkm-text) 12%,transparent), 0 22px 54px color-mix(in srgb,var(--hkm-text) 9%,transparent) !important;
  -webkit-backdrop-filter: blur(var(--maher-glass-blur)) saturate(125%);
  backdrop-filter: blur(var(--maher-glass-blur)) saturate(125%);
}

.maher-liquid-glass.woocommerce-checkout :where(input.input-text,textarea,select,.select2-selection) {
  color: var(--hkm-text) !important;
  background: color-mix(in srgb,var(--hkm-surface-2) 86%,transparent) !important;
  box-shadow: inset 0 1px color-mix(in srgb,var(--hkm-text) 10%,transparent);
}

@media (max-width: 720px) {
  .maher-liquid-glass { background-attachment: scroll; }
  .maher-liquid-glass .single-product div.product { background: transparent !important; box-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .maher-liquid-glass :where(.hkm-product-card,.hkm-category-card,.hkm-feature,.woocommerce ul.products li.product):hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .maher-liquid-glass :where(.hkm-product-card,.hkm-category-card,.hkm-feature,.woocommerce ul.products li.product) { transition: none; }
}