/* ==========================================================================
   WHOLESALEUSA STİL KATMANI — cerberus-design.css'ten SONRA yüklenir.
   Kaynak: vitamintube.com (WholesaleUSA) — koyu orman/siyah-yeşil zemin,
   pirinç-altın vurgu, kırık beyaz sayfa, grotesk başlıklar, keskin köşeli butonlar.
   Geri almak için layout/theme.liquid içindeki wusa-style.css satırını silmek yeterli.
   ========================================================================== */
:root {
  /* Renk tipolojisi */
  --cb-green: #16201c;        /* hero / koyu bölümler / footer — siyaha yakın orman */
  --cb-green-2: #202c27;      /* koyu bölüm kartları */
  --cb-promo: #16201c;
  --cb-gold: #a88a52;         /* ana buton, vurgu */
  --cb-gold-dark: #94783f;
  --cb-gold-soft: #c2a675;    /* koyu zeminde vurgu metni */
  --cb-cream: #f1eee6;        /* hafif bej bant */
  --cb-cream-2: #f3f1eb;
  --cb-sand: #ece8de;
  --cb-ink: #1b2420;          /* başlıklar */
  --cb-text: #4a524e;         /* gövde metni */
  --cb-muted: #7a817d;
  --cb-line: rgba(27, 36, 32, 0.12);
  --cb-paper: #f6f4ee;        /* koyu zeminde açık metin */
  --cb-page: #f8f7f3;         /* sayfa zemini (kırık beyaz) */
  --cb-white: #ffffff;
  --cb-brand: #1f3d31;        /* logo yeşili */

  /* Tipografi */
  --cb-serif: "Bricolage Grotesque", "Public Sans", ui-sans-serif, system-ui, sans-serif; /* başlık fontu (eski değişken adı korunur) */
  --cb-sans: "Public Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Köşeler: keskin */
  --cb-radius: 4px;
  --cb-pill: 3px;
  --cb-shadow: 0 16px 36px -22px rgba(22, 32, 28, 0.45);

  --font-heading: var(--cb-serif);
  --font-body: var(--cb-sans);
  --accent-color: var(--cb-gold);
}

/* Sayfa zemini */
body, body .scheme-scheme-1 { background-color: var(--cb-page); --general-bg: var(--cb-page); }
body { color: var(--cb-text); letter-spacing: 0; }

/* Başlıklar: kalın grotesk, sıkı harf aralığı */
body h1, body h2, body h3, body h4, body .block-heading {
  font-family: var(--cb-serif);
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.08;
  color: var(--cb-ink);
}
body h1, body .block-heading--large { font-weight: 800; letter-spacing: -0.04em; line-height: 1.02; }
body .block-heading em, body .block-heading i { font-style: normal; color: var(--cb-gold); }

/* Eyebrow / küçük üst başlık stili (uppercase, geniş harf aralığı, altın) */
body .eyebrow, body .block-text .eyebrow, body .aio-fc__eyebrow {
  font-family: var(--cb-sans); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--cb-gold);
}

/* Butonlar: düz, keskin köşe, altın dolgu + çerçeveli ikincil */
body .button, body a.button, body button.button {
  border-radius: var(--cb-pill);
  font-family: var(--cb-sans);
  font-weight: 500;
  font-size: 0.95rem;
  letter-spacing: 0;
  padding: 0.95rem 1.6rem;
  min-height: 52px;
}
body .button:not(.button--secondary) { background: var(--cb-gold); border-color: var(--cb-gold); color: var(--cb-ink); }
body .button:not(.button--secondary):hover { background: var(--cb-gold-dark); border-color: var(--cb-gold-dark); color: var(--cb-ink); }
body .button--secondary { background: transparent; color: var(--cb-ink); border: 1px solid rgba(27, 36, 32, 0.5); }
body .button--secondary:hover { background: var(--cb-ink); color: var(--cb-paper); border-color: var(--cb-ink); }

/* Form elemanları */
body input[type="text"], body input[type="email"], body input[type="tel"],
body input[type="password"], body input[type="number"], body input[type="search"],
body textarea, body select { border-radius: 4px; }
body .qty-stepper, body .option-value { border-radius: 4px; }

/* Header: kırık beyaz zemin, üstte ince koyu çizgi, orta ağırlıkta menü */
body .site-header { --general-bg: var(--cb-page); background: var(--cb-page); border-top: 2px solid var(--cb-green); border-bottom: 1px solid var(--cb-line); }
body .site-nav .nav-item__link,
body .site-nav > .nav-item > .nav-item__row > .nav-item__link {
  font-family: var(--cb-sans); font-size: 0.95rem; font-weight: 500; letter-spacing: 0; color: #3e4542;
}
body .site-nav .nav-item__link:hover { color: var(--cb-ink); text-decoration: none; }
body .site-header__icon-btn { color: var(--cb-ink); }
body .site-header__icon-btn:hover { background: var(--cb-sand); }
body .site-header__cart-count { background: var(--cb-gold); color: var(--cb-white); }
body .cb-search { border-radius: 4px; background: var(--cb-white); }
body .cb-search__btn { background: var(--cb-gold); color: var(--cb-ink); }
@media (min-width: 900px) {
  body .site-nav > .nav-item--parent > .nav-panel { background: var(--cb-page); }
  body .site-nav > .nav-item--parent > .nav-panel > .nav-panel__body > .nav-item > .nav-item__row > .nav-item__link { font-family: var(--cb-serif); font-weight: 600; letter-spacing: -0.01em; }
}

/* Duyuru çubuğu: önceki stil (sayfa zemini kuralı .scheme-scheme-1 bunu ezmesin diye yüksek öncelikle) */
body .announcement-bar.announcement-bar { --general-bg: #16382e; background: #16382e; background-color: #16382e; border-bottom: 0; }
body .announcement-bar.announcement-bar .announcement-bar__inner { padding: 0.375rem 1rem; }
body .announcement-bar.announcement-bar .block-text,
body .announcement-bar.announcement-bar .block-text p { margin: 0; text-align: center; font-family: "Inter", ui-sans-serif, system-ui, sans-serif; font-size: 0.7rem; line-height: 1rem; font-weight: 500; letter-spacing: 0.025em; color: #c9ad6e; }

/* Hero: koyu zemin, beyaz grotesk başlık, altın ikinci satır, açık gövde metni */
body .theme-section[data-section-type="hero"] { background: var(--cb-green); }
body .theme-section[data-section-type="hero"] .block-heading,
body .theme-section[data-section-type="hero"] .block-heading :where(p) {
  color: var(--cb-paper); font-weight: 800; letter-spacing: -0.04em; line-height: 1.02;
  font-size: clamp(2.4rem, 5.4vw, 4.6rem);
}
body .theme-section[data-section-type="hero"] .block-heading em { color: var(--cb-gold); }
body .theme-section[data-section-type="hero"] .block-text :where(p) { color: rgba(246, 244, 238, 0.86); font-size: 1.2rem; line-height: 1.65; max-width: 38rem; }
body .theme-section[data-section-type="hero"] .button--secondary { color: var(--cb-paper); border-color: rgba(246, 244, 238, 0.6); }
body .theme-section[data-section-type="hero"] .button--secondary:hover { background: var(--cb-paper); color: var(--cb-ink); }

/* Ürün kartı */
body .product-card { background: var(--cb-white); border-radius: var(--cb-radius); }
body .product-card__title { font-family: var(--cb-serif); font-weight: 600; letter-spacing: -0.01em; }
body .product-card__price-now { font-weight: 600; }
body .product-card__badge { border-radius: 3px; }
body .product-card__badge--sale { background: var(--cb-gold); color: var(--cb-ink); }
body .product-card__cta { border-radius: 3px; border-width: 1px; font-weight: 600; }
body .product-card:hover .product-card__cta { background: var(--cb-gold); border-color: var(--cb-gold); color: var(--cb-ink); }

/* Kategori kartları */
body .category-card { border-radius: var(--cb-radius); }
body .category-card__title { font-family: var(--cb-serif); font-weight: 600; letter-spacing: -0.02em; }
body .category-card__overlay { background: linear-gradient(to top, rgba(22, 32, 28, 0.82), rgba(22, 32, 28, 0) 60%); }
body .category-card__cta-icon { border-radius: 3px; }

/* Kategori sayfası */
body .category-filters__bar, body .category-filters__dropdown-label, body .pagination__link, body .pagination__arrow { border-radius: 4px; }
body .category-page__layout { background: var(--cb-cream-2); }

/* Ürün sayfası */
body .product__price { font-family: var(--cb-sans); font-weight: 600; color: var(--cb-ink); }
body .product__form-actions .product__add, body .product__form-actions .button { border-radius: 3px; font-weight: 500; }

/* Ana sayfa bant ve bölümleri */
body .theme-section[data-section-type="multicolumn"] { background: var(--cb-page); border-bottom: 1px solid var(--cb-line); }
body .theme-section[data-section-type="multicolumn"] .column-block .block-heading { font-family: var(--cb-sans); font-weight: 600; letter-spacing: 0.14em; color: var(--cb-ink); }
body .theme-section[data-section-type="featured-category"] { background: var(--cb-page); }
/* Top Vitamins bölümü Featured collections ile aynı genişlik/kenar boşluğu/aralık */
body .theme-section[data-section-type="featured-category"] .featured-category { max-width: 92rem; padding-left: 1.25rem; padding-right: 1.25rem; }
body .theme-section[data-section-type="featured-category"] .product-grid { gap: 1.25rem; }
@media (min-width: 640px) { body .theme-section[data-section-type="featured-category"] .featured-category { padding-left: 2rem; padding-right: 2rem; } }
@media (min-width: 1024px) { body .theme-section[data-section-type="featured-category"] .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
body .theme-section[data-section-type="category-list"] .block-heading,
body .theme-section[data-section-type="image-with-text"] .block-heading { color: var(--cb-paper); }
body .theme-section[data-section-type="faq"] summary { font-family: var(--cb-serif); font-weight: 600; letter-spacing: -0.01em; }
body .theme-section[data-section-type="newsletter"] input[type="email"] { border-radius: 4px; }

/* Featured collections (AIO) & marka şeridi yeni paletle */
body .aio-fc { --fc-ink: var(--cb-ink); --fc-forest: var(--cb-green); --fc-brass: var(--cb-gold); --fc-cream: var(--cb-paper); }
body .aio-fc__title { font-family: var(--cb-serif); font-weight: 600; letter-spacing: -0.025em; }
body .aio-fc__name { font-family: var(--cb-serif); font-weight: 600; letter-spacing: -0.02em; }
body .aio-fc__all { font-family: var(--cb-sans); font-size: 0.95rem; font-weight: 500; text-transform: none; letter-spacing: 0; color: var(--cb-gold); }
body .aio-fc__all:hover { color: var(--cb-gold-dark); }
body .aio-fc__card { border-radius: var(--cb-radius); }
/* Marka şeridi: önceki stil korunur (aio-brands bölüm ayarı) */

/* Footer */
body .site-footer { background: var(--cb-green); }
body .site-footer .footer-col__title { font-family: var(--cb-serif); font-weight: 600; letter-spacing: -0.01em; }
body .site-footer .footer-newsletter__input, body .site-footer .footer-newsletter__submit { border-radius: 4px; }

body ::selection { background: var(--cb-gold); color: var(--cb-ink); }