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

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

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

/* أيقونات الهيدر بدون مربعات — الزجاج يفضل على أيقونات الفوتر فقط. */
.f5r-liquid-glass .f5r-footer-social a,
.f5r-liquid-glass .f5r-contact-icons a {
  border: 1px solid color-mix(in srgb,var(--f5r-text) 12%,transparent) !important;
  background: linear-gradient(145deg,color-mix(in srgb,var(--f5r-text) 10%,transparent),color-mix(in srgb,var(--f5r-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(--f5r-glass-blur)) saturate(var(--f5r-glass-saturation));
  backdrop-filter: blur(var(--f5r-glass-blur)) saturate(var(--f5r-glass-saturation));
}

.f5r-liquid-glass :where(
  .f5r-feature,
  .f5r-category-card,
  .f5r-step,
  .review-card,
  .f5r-faq__item,
  .f5r-product-card,
  .f5r-promo-card,
  .f5r-table-wrap,
  .f5r-post,
  .f5r-footer-panel,
  .woocommerce ul.products li.product,
  .single-product div.product > .summary,
  .single-product div.product > .product-details,
  .f5r-product-spec,
  .woocommerce-cart table.shop_table,
  .woocommerce-cart .cart-collaterals .cart_totals
) {
  border-color: color-mix(in srgb,var(--f5r-primary) 24%,rgba(255,255,255,.14)) !important;
  background-color: color-mix(in srgb,var(--f5r-surface) var(--f5r-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(--f5r-primary) 9%,transparent),transparent 42%) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,var(--f5r-glass-highlight)),
    inset 0 -1px rgba(255,255,255,.025),
    0 22px 54px rgba(0,0,0,.22) !important;
  -webkit-backdrop-filter: blur(var(--f5r-glass-blur)) saturate(var(--f5r-glass-saturation));
  backdrop-filter: blur(var(--f5r-glass-blur)) saturate(var(--f5r-glass-saturation));
}

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

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

.f5r-liquid-glass :where(.f5r-product-card,.f5r-category-card,.f5r-feature,.woocommerce ul.products li.product):hover {
  border-color: color-mix(in srgb,var(--f5r-primary) 50%,rgba(255,255,255,.2)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,var(--f5r-glass-highlight)), 0 20px 46px rgba(0,0,0,.28) !important;
  transform: translateY(-4px);
}

.f5r-liquid-glass :where(.f5r-btn--ghost,.single-product form.cart .f5r-buy-now,.woocommerce .woocommerce-ordering select) {
  border-color: color-mix(in srgb,var(--f5r-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(--f5r-glass-highlight)), 0 10px 26px rgba(0,0,0,.16);
  -webkit-backdrop-filter: blur(var(--f5r-glass-blur));
  backdrop-filter: blur(var(--f5r-glass-blur));
}

.f5r-liquid-glass :where(.f5r-btn--primary,.f5r-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(--f5r-primary-light) 56%,var(--f5r-border)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.55), 0 13px 30px color-mix(in srgb,var(--f5r-primary) 26%,transparent) !important;
}

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

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

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

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

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

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

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