/*
 * Aswaf frontend: 08-theme-alignment.css
 * Responsibility: site color alignment, cart hierarchy refresh, product page, storewide page, my-items, and overflow fixes.
 * This file was split from assets/css/frontend.css; keep import order in frontend.css.
 */

/* Site color alignment: group orders, cart, and checkout */
:root {
  --asw-surface-primary: color-mix(in srgb, var(--asw-primary) 4%, #fff);
  --asw-surface-primary-2: color-mix(in srgb, var(--asw-primary) 8%, #fff);
  --asw-surface-secondary: color-mix(in srgb, var(--asw-gold) 12%, #fff);
  --asw-surface-accent: color-mix(in srgb, var(--asw-green) 11%, #fff);
  --asw-surface-info: color-mix(in srgb, var(--asw-blue) 10%, #fff);
  --asw-border-primary: color-mix(in srgb, var(--asw-primary) 18%, transparent);
  --asw-border-secondary: color-mix(in srgb, var(--asw-gold) 22%, transparent);
  --asw-border-accent: color-mix(in srgb, var(--asw-green) 20%, transparent);
}

body .asw-gp.asw-page,
body.woocommerce-cart,
body.woocommerce-checkout {
  background: linear-gradient(
    180deg,
    var(--asw-surface-primary) 0%,
    #fff 32%,
    #fff 100%
  );
}

body .asw-gp .asw-card,
body .asw-gp .asw-hero,
body .asw-gp .asw-ticker,
body .asw-gp .asw-cta-card,
body .asw-jv-card,
body .asw-share-card-pro,
body .asw-next-price-step,
body .asw-co-summary-card,
body .asw-checkout-breakdown,
body .asw-mini-carts,
body .asw-cart-summary,
body .asw-cart-summary-card,
body .asw-cc-group-card,
body .asw-cc-normal-card,
body .asw-cc-empty-shell {
  border-color: var(--asw-border-primary) !important;
  box-shadow: 0 16px 40px color-mix(in srgb, var(--asw-primary) 8%, transparent) !important;
}

body .asw-gp .asw-hero,
body .asw-jv-card,
body .asw-co-summary-card,
body .asw-cart-summary-card,
body .asw-cc-group-card,
body .asw-cc-normal-card,
body .asw-cc-empty-shell {
  background: linear-gradient(
    180deg,
    #fff 0%,
    var(--asw-surface-primary) 100%
  ) !important;
}

body .asw-page a,
body .asw-prod-link:hover,
body .asw-back-link:hover,
body .asw-mc-title:hover,
body .asw-cc-line-name:hover,
body .asw-arc-card-title a:hover,
body .asw-arc-card-product a:hover {
  color: var(--asw-primary);
}

body .asw-badge-gold,
body .asw-timer-badge,
body .asw-cta-deposit,
body .asw-co-price-highlight,
body .asw-co-stage-dep,
body .asw-ct-dep,
body .asw-tag-deposit,
body .asw-cn-pending,
body .asw-cn-warn,
body .asw-mc-open,
body .asw-sh-progress-card,
body .asw-cart-badge,
body .asw-part-qty,
body .asw-cs-hint {
  background: var(--asw-surface-primary) !important;
  border-color: var(--asw-border-primary) !important;
  color: var(--asw-primary-dk) !important;
}

body .asw-cta-deposit-amt,
body .asw-co-stage-dep .asw-co-stage-amt,
body .asw-pp-dep,
body .asw-mc-dep,
body .asw-sh-pc-label,
body .asw-sh-bar-labels,
body .asw-gw-c-price-gold,
body .asw-cb-amt-val.asw-gold-txt,
body .asw-cc-gold,
body .asw-cart-summary-total strong,
body .asw-cc-tot-main strong,
body .asw-cs-row.asw-cs-now strong {
  color: var(--asw-primary) !important;
}

body .asw-badge-open,
body .asw-already-ok,
body .asw-cn-ready,
body .asw-cn-info,
body .asw-tag-neighbor,
body .asw-mc-paid,
body .asw-msg-ok,
body .asw-cart-summary-row.is-success strong,
body .asw-cart-summary-row.is-success span {
  background: var(--asw-surface-accent) !important;
  border-color: var(--asw-border-accent) !important;
  color: var(--asw-green-dk) !important;
}

body .asw-tag-remainder,
body .asw-cn-neighbor,
body .asw-co-stage-rem,
body .asw-ct-rem,
body .asw-msg-info {
  background: var(--asw-surface-info) !important;
  border-color: color-mix(in srgb, var(--asw-blue) 20%, transparent) !important;
  color: var(--asw-blue) !important;
}

body .asw-progress-bar,
body .asw-forecast-progress,
body .asw-jv-prog-bar,
body .asw-sh-bar,
body .asw-cc-progress span {
  background: linear-gradient(
    90deg,
    var(--asw-primary),
    var(--asw-green)
  ) !important;
}

body .asw-progress-green {
  background: linear-gradient(
    90deg,
    var(--asw-green),
    var(--asw-primary)
  ) !important;
}

body .asw-btn-primary,
body .asw-btn-join,
body .asw-btn-checkout,
body .asw-btn-add:hover,
body .asw-btn-add.added,
body .asw-mc-pay-btn,
body .asw-sh-copy-btn,
body .asw-scp-copy,
body .asw-arc-cta-join,
body .asw-arc-empty-btn,
body .asw-cart-coupon-form .asw-btn,
body .asw-cart-summary-actions .asw-btn,
body .asw-cc-group-actions .asw-btn,
body .woocommerce .checkout-button,
body .woocommerce button#place_order,
body .woocommerce-checkout-payment button[type="submit"] {
  background: var(--asw-primary) !important;
  border-color: var(--asw-primary) !important;
  color: var(--asw-text-inv) !important;
  box-shadow: 0 10px 24px var(--asw-primary-shadow) !important;
}

body .asw-btn-primary:hover,
body .asw-btn-join:hover,
body .asw-btn-checkout:hover,
body .asw-mc-pay-btn:hover,
body .asw-sh-copy-btn:hover,
body .asw-scp-copy:hover,
body .asw-arc-cta-join:hover,
body .asw-arc-empty-btn:hover,
body .woocommerce .checkout-button:hover,
body .woocommerce button#place_order:hover {
  background: var(--asw-primary-dk) !important;
  border-color: var(--asw-primary-dk) !important;
  color: var(--asw-text-inv) !important;
}

body .asw-btn-outline:hover,
body .asw-btn-ghost,
body .asw-btn-copy:hover,
body .asw-btn-share:hover,
body .asw-arc-cta-view:hover,
body .asw-gw-acc-copy:hover,
body .asw-gw-acc-copy--done {
  border-color: var(--asw-primary) !important;
  color: var(--asw-primary) !important;
  background: var(--asw-surface-primary) !important;
}

body .asw-input:focus,
body .asw-select:focus,
body .asw-textarea:focus,
body .asw-scp-inp:focus,
body .asw-cart-coupon-input:focus,
body .woocommerce input:focus,
body .woocommerce select:focus,
body .woocommerce textarea:focus {
  border-color: var(--asw-primary) !important;
  box-shadow: 0 0 0 3px var(--asw-primary-shadow) !important;
  outline: none !important;
}

/* Group order page */
body .asw-gp .asw-ticker,
body .asw-price-preview,
body .asw-gw-summary,
body .asw-cart-tots,
body .asw-cart-summary-rows {
  background: var(--asw-surface-primary) !important;
  border-color: var(--asw-border-primary) !important;
}

body .asw-ticker-price,
body .asw-cta-current,
body .asw-jv-prog-cur,
body .asw-next-price-step.asw-current .asw-next-price-val,
body .asw-next-price-final-note strong {
  color: var(--asw-primary) !important;
}

body .asw-ticker-change.down,
body .asw-ticker-change.down span,
body .asw-ticker-next,
body .asw-green,
body .asw-green-bold,
body .asw-green-txt,
body .asw-forecast-to .asw-forecast-price,
body .asw-tier-saving,
body .asw-max-saving-callout,
body .asw-arc-lowest-price,
body .asw-arc-next-hint {
  color: var(--asw-green-dk) !important;
}

body .asw-forecast-bar,
body .asw-cta-next-hint,
body .asw-max-saving-callout,
body .asw-scp-hint {
  background: var(--asw-surface-accent) !important;
  border-color: var(--asw-border-accent) !important;
}

body .asw-tier-row.active,
body .asw-next-price-step.asw-current {
  background: var(--asw-surface-primary) !important;
  border-color: var(--asw-primary) !important;
  box-shadow: 0 12px 28px var(--asw-primary-shadow) !important;
}

body .asw-tier-row.active .asw-tier-ico,
body .asw-tier-row.active .asw-tier-arrow,
body .asw-tier-row.active .asw-tier-price {
  color: var(--asw-primary) !important;
}

body .asw-tier-row.active .asw-tier-disc-badge,
body .asw-callout-disc,
body .asw-jv-tier.cur .asw-jv-tier-disc,
body .asw-next-price-badge {
  background: var(--asw-primary) !important;
  color: var(--asw-text-inv) !important;
}

body .asw-jv-banner {
  border: 1px solid var(--asw-border-primary) !important;
  background: var(--asw-surface-primary) !important;
  box-shadow: 0 18px 42px color-mix(in srgb, var(--asw-primary) 9%, transparent) !important;
}

body .asw-jv-banner-paid {
  border-color: var(--asw-border-accent) !important;
  background: var(--asw-surface-accent) !important;
}

body .asw-jv-banner-pending,
body .asw-jv-pay-row.action {
  border-color: var(--asw-border-primary) !important;
  background: var(--asw-surface-primary) !important;
}

body .asw-jv-badge-gold,
body .asw-jv-badge-blue,
body .asw-jv-pay-btn {
  background: var(--asw-primary) !important;
  color: var(--asw-text-inv) !important;
  border-color: var(--asw-primary) !important;
}

body .asw-jv-badge-green,
body .asw-jv-pay-row.done {
  background: var(--asw-surface-accent) !important;
  border-color: var(--asw-border-accent) !important;
  color: var(--asw-green-dk) !important;
}

body .asw-prod-desc {
  background: var(--asw-surface-primary) !important;
  border-right-color: var(--asw-primary) !important;
}

body .asw-gal-dot.active,
body .asw-gal-thumb.active {
  border-color: var(--asw-primary) !important;
  background: var(--asw-primary) !important;
}
.buttons-container {
  display: flex;
  gap: 10px;
}
/* Group order cards and archive */
body .asw-arc-hero {
  background: linear-gradient(
    135deg,
    #fff 0%,
    var(--asw-surface-primary) 58%,
    var(--asw-surface-primary-2) 100%
  ) !important;
  border-color: var(--asw-border-primary) !important;
  box-shadow: 0 20px 48px
    color-mix(in srgb, var(--asw-primary) 10%, transparent) !important;
}

body .asw-arc-hero::before {
  background: linear-gradient(
    180deg,
    var(--asw-surface-primary-2),
    transparent 70%
  ) !important;
}

body .asw-arc-hero-badge,
body .asw-cart-hero-kicker,
body .asw-cart-summary-kicker,
body .asw-cc-section-kicker,
body .asw-cc-empty-kicker,
body .asw-cart-layer-pill,
body .asw-cc-type-pill,
body .asw-cc-chip,
body .asw-badge-group {
  background: var(--asw-surface-primary) !important;
  border-color: var(--asw-border-primary) !important;
  color: var(--asw-primary) !important;
}

body .asw-arc-stat-val,
body .asw-arc-price-current,
body .asw-arc-deposit-row strong,
body .asw-arc-tab:hover,
body .asw-groups-slider-kicker,
body .asw-groups-slider-nav {
  color: var(--asw-primary) !important;
}

body .asw-arc-card:hover,
body .asw-arc-tab:hover,
body .asw-groups-slider-nav:hover {
  border-color: var(--asw-primary) !important;
}

body .asw-arc-card-joined,
body .asw-arc-card-joined:hover {
  border-color: var(--asw-green) !important;
}

body .asw-arc-badge-open,
body .asw-arc-badge-done,
body .asw-arc-joined-pill,
body .asw-arc-cta-joined {
  background: var(--asw-green) !important;
  color: #fff !important;
}

body .asw-arc-badge-locked,
body .asw-arc-badge-scheduled {
  background: var(--asw-primary) !important;
  color: var(--asw-text-inv) !important;
}

body .asw-arc-saving-ribbon {
  background: linear-gradient(
    135deg,
    var(--asw-primary),
    var(--asw-primary-dk)
  ) !important;
  color: var(--asw-text-inv) !important;
}

body .asw-arc-deposit-row {
  background: var(--asw-surface-primary) !important;
  border-color: var(--asw-border-primary) !important;
}

body .asw-arc-progress-fill,
body .asw-groups-slider-pagination .swiper-pagination-bullet-active {
  background: linear-gradient(
    90deg,
    var(--asw-primary),
    var(--asw-green)
  ) !important;
}

body .asw-arc-tab.active,
body .asw-groups-slider-nav:hover {
  background: var(--asw-primary) !important;
  color: var(--asw-text-inv) !important;
  box-shadow: 0 8px 20px var(--asw-primary-shadow) !important;
}