/* Fixes from live mobile shots */

@media (max-width: 860px) {
  .header-inner {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .header-search { display: none !important; }
  .header-actions .user-chip {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    justify-content: center !important;
    font-size: 0 !important;
  }
  .header-actions .user-chip::before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><circle cx='12' cy='8' r='3.2'/><path d='M5 19c1.4-3 4-4.5 7-4.5S17.6 16 19 19'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><circle cx='12' cy='8' r='3.2'/><path d='M5 19c1.4-3 4-4.5 7-4.5S17.6 16 19 19'/></svg>") center / contain no-repeat;
  }
}

.pdp-buybox,
.pdp-buybox-inner,
.pdp-wc-cart,
form.cart,
form.variations_form {
  max-width: 100% !important;
  overflow: visible !important;
}

.pdp-buybox-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.woocommerce div.product form.cart .variations,
.woocommerce table.variations {
  width: 100% !important;
  display: block !important;
}

.woocommerce table.variations tbody,
.woocommerce table.variations tr,
.woocommerce table.variations td,
.woocommerce table.variations th {
  display: block !important;
  width: 100% !important;
  float: none !important;
  text-align: right !important;
}

.reset_variations {
  display: inline-block !important;
  margin: 6px 0 0 !important;
  color: var(--as-muted, #9aa3ad) !important;
}

.woocommerce-variation,
.woocommerce-variation-add-to-cart {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}

.woocommerce-variation-availability,
.wc-no-matching-variations,
.woocommerce-variation-price {
  display: none !important;
}

.woocommerce div.product form.cart .quantity,
.woocommerce-variation-add-to-cart .quantity {
  width: 100% !important;
  margin: 0 !important;
}

.woocommerce div.product form.cart .qty {
  width: 88px !important;
  min-height: 44px !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button,
.pdp-btn-cart,
.pdp-btn-buy {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  position: static !important;
  float: none !important;
  background: var(--as-primary, var(--blue)) !important;
  background-image: none !important;
  color: #fff !important;
  border: 0 !important;
}

.auth-card a,
.login-card a,
.woocommerce-LostPassword a {
  color: var(--as-primary, var(--blue)) !important;
}

.pdp-share {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

body.single-product .site-content,
body.page-template-template-login .site-content {
  position: relative;
}

body.single-product .site-content::before,
body.page-template-template-login .site-content::before {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  top: 40px;
  left: -40px;
  border-radius: 40% 60% 55% 45%;
  background: color-mix(in srgb, var(--as-primary, #2ec4d6) 22%, transparent);
  filter: blur(8px);
  animation: aquaBlob 14s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

@keyframes aquaBlob {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  50% { transform: translate(18px, 12px) rotate(12deg); }
}

@media (prefers-reduced-motion: reduce) {
  body.single-product .site-content::before,
  body.page-template-template-login .site-content::before {
    animation: none;
  }
}

.wc-no-matching-variations:empty,
.woocommerce-variation-availability:empty,
p.wc-no-matching-variations { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }
.pdp-var-fallback { margin-top: 10px; }
.pdp-wc-cart form.variations_form .single_add_to_cart_button.disabled { display: none !important; }

.pdp-var-fallback { display: none !important; }
.pdp-wc-cart form.cart .single_add_to_cart_button,
.pdp-wc-cart .single_add_to_cart_button {
  display: flex !important;
  width: 100% !important;
  background: var(--as-primary, var(--blue)) !important;
  color: #fff !important;
}
.pdp-wc-cart form.cart + form.cart { display: none !important; }
