@import url("/public/brand-wave.css");

:root {
  /* Wave-Child: dark variant of the shared Wave experience. */
  --wave-dark-bg: #0b1720;
  --wave-dark-panel: #102b36;
  --wave-dark-panel-strong: #153847;
  --wave-dark-text: #f5f4f0;
  --wave-dark-muted: rgba(245, 244, 240, 0.72);
  --wave-dark-border: rgba(245, 244, 240, 0.16);

  --bg: var(--wave-dark-bg);
  --panel: rgba(16, 43, 54, 0.82);
  --text: var(--wave-dark-text);
  --muted: var(--wave-dark-muted);
  --border: var(--wave-dark-border);
  --shadow: 0 22px 58px rgba(0, 0, 0, 0.46);
  --flyout-panel-bg: linear-gradient(90deg, rgba(10, 32, 43, 0.94), rgba(20, 126, 195, 0.82));
  --flyout-panel-inner-bg: rgba(16, 43, 54, 0.82);
  --flyout-kv-scroll-bg: rgba(16, 43, 54, 0.62);
}

html {
  background:
    radial-gradient(900px 520px at 88% 10%, rgba(44, 180, 210, 0.20), transparent 64%),
    radial-gradient(760px 420px at 8% 88%, rgba(252, 220, 102, 0.10), transparent 60%),
    linear-gradient(120deg, transparent 0 18%, rgba(44, 180, 210, 0.08) 18.1% 18.45%, transparent 18.6% 42%, rgba(20, 126, 195, 0.09) 42.1% 42.4%, transparent 42.5% 100%),
    var(--wave-dark-bg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

body {
  color: var(--wave-dark-text);
}

.brand-logo {
  filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.28));
}

.panel,
.card {
  background: rgba(16, 43, 54, 0.82);
  color: var(--wave-dark-text);
}

.home-featured-grid,
#products-tiles,
#shop-tiles,
#products-pagination,
#zrecs_user_interest,
.wave-style-mosaic-section,
.wave-highlights,
.wave-featured-head,
.zeta-article-page,
.zeta-product-detail {
  background: transparent;
  color: var(--wave-dark-text);
}

.wave-featured-head h2,
.wave-featured-head p,
.wave-style-mosaic-head h2,
.wave-highlights-head h2,
.wave-highlights-head p,
.zeta-article-body h1,
.zeta-article-body h2,
.zeta-article-body h3,
.zeta-product-detail-title h2 {
  color: var(--wave-dark-text);
}

.muted,
label,
.table th,
.zeta-product-detail .muted,
.zeta-product-detail .detail-desc,
.wave-highlights-head p {
  color: var(--wave-dark-muted);
}

.home-featured-grid .card,
#products-tiles .card,
#shop-tiles .shop-category-card {
  background: var(--wave-dark-panel);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.48),
    0 0 0 1px rgba(44, 180, 210, 0.12),
    0 0 34px rgba(44, 180, 210, 0.10);
}

.home-featured-grid .card:hover,
#products-tiles .card:hover,
#shop-tiles .shop-category-card:hover {
  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.62),
    0 0 0 1px rgba(44, 180, 210, 0.22),
    0 0 44px rgba(44, 180, 210, 0.16);
}

.home-hero,
.wave-style-mosaic-tile,
.wave-summer-sale,
.wave-forty-off,
.wave-highlights,
#zrecs_user_interest,
#featured-tiles {
  filter: drop-shadow(0 22px 42px rgba(0, 0, 0, 0.38)) drop-shadow(0 0 28px rgba(44, 180, 210, 0.08));
}

.home-featured-grid .products-info,
#products-tiles .products-info,
#shop-tiles .shop-tile-text {
  background: rgba(16, 43, 54, 0.72);
  color: var(--wave-dark-text);
}

.home-featured-grid .products-title,
#products-tiles .products-title,
#shop-tiles .shop-tile-title,
.home-featured-grid .price,
#products-tiles .price,
#shop-tiles .shop-tile-blurb,
#shop-tiles .shop-tile-count {
  color: var(--wave-dark-text);
}

#products-tiles .compare-price,
.zeta-product-detail-price .compare-price {
  color: rgba(245, 244, 240, 0.50);
}

.zeta-product-detail .detail-right,
.zeta-product-detail .detail-media-main,
.zeta-product-detail .detail-media .tile-thumb,
.zeta-product-detail .detail-thumb,
.page-checkout .container > .panel .panel,
#cart-root .cart-items-scroll {
  background: rgba(16, 43, 54, 0.72);
  color: var(--wave-dark-text);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32);
}

.zeta-product-detail label,
.zeta-product-detail .detail-field-label {
  color: var(--wave-dark-muted);
}

.panel.zeta-product-detail,
.page-checkout .container > .panel,
#cart-root {
  background: linear-gradient(90deg, rgba(10, 32, 43, 0.94), rgba(20, 126, 195, 0.70));
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: var(--wave-dark-text);
}

#cart-root > .panel,
.page-checkout .container > .panel {
  color: var(--wave-dark-text);
}

#cart-root > .panel > h2,
#cart-root .cart-item-text > div:first-child,
.page-checkout .container > .panel > h2,
.page-checkout .container > .panel .cart-item-text > div:first-child,
.page-checkout .container > .panel .table th {
  color: var(--wave-dark-text);
}

#cart-root,
#cart-root .cart-table td,
#cart-root .cart-item-text,
#cart-root .cart-subtotal,
#cart-root .price,
.page-checkout .container > .panel .muted,
.page-checkout .container > .panel label,
.page-checkout .container > .panel .table td,
.page-checkout .container > .panel .price,
.page-checkout .container > .panel .zetapay-title {
  color: var(--wave-dark-text);
}

#cart-root .muted,
#cart-root .cart-table th,
.page-checkout .container > .panel .muted,
.page-checkout .container > .panel label {
  color: var(--wave-dark-muted);
}

#cart-root .cart-table th,
#cart-root .cart-table td,
.page-checkout .container > .panel .table th,
.page-checkout .container > .panel .table td {
  border-bottom-color: rgba(245, 244, 240, 0.22);
}

.page-cart #cart-root,
.page-cart #cart-root .cart-table td,
.page-cart #cart-root .cart-item-text,
.page-cart #cart-root .cart-subtotal,
.page-cart #cart-root .price {
  color: var(--wave-dark-text);
}

.page-cart #cart-root > .panel > h2,
.page-cart #cart-root .cart-item-text > div:first-child {
  color: var(--wave-dark-text);
}

.page-cart #cart-root .muted,
.page-cart #cart-root .cart-table th {
  color: var(--wave-dark-muted);
}

.page-cart #cart-root .cart-table th,
.page-cart #cart-root .cart-table td {
  border-bottom-color: rgba(245, 244, 240, 0.22);
}

.btn,
.input,
#cart-root .btn,
#cart-root .input,
.page-checkout .container > .panel .btn,
.page-checkout .container > .panel .input,
.page-zeta-product .zeta-product-detail .detail-option-row .input,
.page-zeta-product .zeta-product-detail .detail-option-row .qty-stepper .btn,
.page-product .container > .panel form .input {
  background: rgba(245, 244, 240, 0.14);
  border-color: rgba(245, 244, 240, 0.20);
  color: var(--wave-dark-text);
}

.btn:hover,
#cart-root .btn:hover,
.page-checkout .container > .panel .btn:hover,
.page-zeta-product .zeta-product-detail .detail-option-row .qty-stepper .btn:hover,
.page-zeta-product .zeta-product-detail .detail-option-row .input:hover,
.page-product .container > .panel form .input:hover {
  background: rgba(245, 244, 240, 0.22);
  border-color: rgba(245, 244, 240, 0.32);
}

.btn-primary,
.zeta-product-detail [data-pre-add-actions] .btn:last-child {
  background: linear-gradient(90deg, var(--wave-lagoon), var(--wave-tide));
  border-color: rgba(44, 180, 210, 0.38);
  color: var(--wave-white);
}

.tag,
.home-featured-grid .products-media::after,
#products-tiles .products-info .tag,
#shop-tiles .shop-tile .tag,
.zeta-product-detail-title .tag {
  background: var(--wave-sun);
  color: var(--wave-midnight);
}

.order-placed-item {
  background: rgba(16, 43, 54, 0.72);
  color: var(--wave-dark-text);
}