/* ============================================================
   Avata Labs — Alpha-parity visual skin (2026-07-17)
   Overrides the teal/dark scheme with the warm cream + orange
   design language. Loaded LAST so it wins the cascade.
   Palette:
     bg cream        #fdf6ee
     bg peach tint   #fceadb
     text dark brown #3a2b1e
     primary orange  #f47c20
     orange hover    #d96a12
     accent red      #e6392e
     tile blue       #2a6fb5
     tile orange     #f4832a
     tile green      #6faf4b
     tile teal       #1f8a8c
     light green     #eaf5e4
   ============================================================ */

/* ---------- Global ---------- */
body {
    background: #fdf6ee !important;
    color: #3a2b1e !important;
}
h1, h2, h3, h4, h5 { color: #3a2b1e !important; }

/* ---------- Top strip ---------- */
.top_head, .top_head_inr { background: #fdf6ee !important; }
body > .site > strong:first-child,
.ruo-topbar, .topbar {
    background: #3a2b1e !important;
    color: #fff !important;
}

/* ---------- Header / nav: white, dark links, orange hover ---------- */
.main-nav, nav.main-nav, .main-nav ul { background: #ffffff !important; }
.main-nav a {
    color: #3a2b1e !important;
    font-weight: 600;
}
.main-nav a:hover { color: #f47c20 !important; }
header, .site-header { background: #ffffff !important; }

/* ---------- Flash sale bar: keep orange but soften to Alpha hero-peach ---------- */
.novalabs-flash-bar {
    background: linear-gradient(135deg, #fceadb 0%, #f9d9bd 100%) !important;
    color: #3a2b1e !important;
}
.novalabs-flash-bar h2, .novalabs-flash-bar p, .novalabs-flash-bar .flash-text { color: #3a2b1e !important; }
.novalabs-flash-bar strong { color: #e6392e !important; }
.flash-countdown > span, .galb2-cd-box {
    background: #3a2b1e !important;
    color: #fff !important;
    border-radius: 8px;
}
.novalabs-flash-bar a, .novalabs-flash-bar .btn {
    background: #f47c20 !important;
    color: #fff !important;
    border-radius: 6px;
}

/* ---------- Hero banner: light peach gradient like Alpha ---------- */
.galb2-banner {
    background: linear-gradient(160deg, #fdf3e7 0%, #fbe3cd 55%, #f7d3b3 100%) !important;
}
.galb2-banner__overlay { background: none !important; }
.galb2-banner h1, .galb2-banner h2, .galb2-banner p { color: #3a2b1e !important; }
.galb2-banner__list li { color: #3a2b1e !important; }
.galb2-banner__list li::before, .galb2-banner__list .check { color: #f47c20 !important; }
.galb2-banner__buttons a, .galb2-banner .btn, a.shop-peptides-btn {
    background: #f47c20 !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 700;
}
.galb2-banner__buttons a:hover { background: #d96a12 !important; }
.hero-social-proof { color: #3a2b1e !important; }
.hero-social-proof .stars { color: #f4a91f !important; }

/* ---------- Trust icon strip: white cards on cream ---------- */
.trust-strip, .usp-strip { background: #ffffff !important; }
.trust-strip .icon, .usp-strip svg { color: #f47c20 !important; fill: #f47c20 !important; }

/* ---------- Category tiles: per-tile Alpha colors ---------- */
.category-grid-section { background: #fdf6ee !important; }
.cat-tile {
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(58,43,30,.10);
}
.cat-tile:nth-child(1) { background: #2a6fb5 !important; }
.cat-tile:nth-child(2) { background: #f4832a !important; }
.cat-tile:nth-child(3) { background: #6faf4b !important; }
.cat-tile:nth-child(4) { background: #1f8a8c !important; }
.cat-tile:nth-child(5) { background: #ef7d47 !important; }
.cat-tile h3, .cat-tile a, .cat-tile .cat-label { color: #fff !important; }

/* ---------- Marquee strip ---------- */
.marquee-strip {
    background: #fceadb !important;
    color: #b45309 !important;
    border-top: 1px solid #f0d9c0;
    border-bottom: 1px solid #f0d9c0;
}
.marquee-strip * { color: #b45309 !important; }

/* ---------- Body copy / RUO section ---------- */
.body-copy-section { background: #fdf6ee !important; }
.body-copy-section h2 { color: #b4470b !important; }

/* ---------- Product sections ---------- */
.products-section { background: #fdf6ee !important; }
.products-section--alt { background: #fceadb !important; }
.products-section h2 { color: #b4470b !important; }

/* Woo cards: white, warm border, orange CTA */
ul.products li.product {
    background: #fff !important;
    border: 1px solid #f0ddc8 !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(58,43,30,.06) !important;
}
ul.products li.product .woocommerce-loop-product__title { color: #3a2b1e !important; }
ul.products li.product .price { color: #e6392e !important; }
ul.products li.product .price del { color: #a8968a !important; }
ul.products li.product .button,
.woocommerce a.button, .woocommerce button.button,
.woocommerce a.add_to_cart_button {
    background: #f47c20 !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover { background: #d96a12 !important; }
.woocommerce span.onsale {
    background: #e6392e !important;
    color: #fff !important;
    border-radius: 4px !important;
}

/* ---------- Purity banner: light green like Alpha's 99% section ---------- */
.pep-hq-banner-section, .pep-hq-banner-container {
    background: linear-gradient(150deg, #f2f8ec 0%, #e2f0d8 100%) !important;
}
.pep-hq-banner-section h2, .pep-hq-banner-content h2 { color: #2f6b1f !important; }
.pep-hq-banner-section p, .pep-hq-banner-content p { color: #3a2b1e !important; }
.purity-badge {
    background: #ffffff !important;
    color: #3a2b1e !important;
    border: 1px solid #d8e8cc !important;
    border-radius: 10px !important;
}
.purity-badge b, .purity-badge strong { color: #2f6b1f !important; }
.pep-hq-banner-shield { color: #2f6b1f !important; }

/* green ribbon */
.hq-ribbon, .pep-hq-banner-section .ribbon {
    background: #2f7d32 !important;
    color: #fff !important;
}

/* ---------- FAQ ---------- */
.faq-section { background: #fdf6ee !important; }
.faq-section h2 { color: #b4470b !important; }
.faq-item {
    background: #fff !important;
    border: 1px solid #f0ddc8 !important;
    border-radius: 10px !important;
}
.faq-question { color: #3a2b1e !important; font-weight: 600; }

/* ---------- Footer: light like Alpha ---------- */
.main_footer {
    background: #ffffff !important;
    color: #3a2b1e !important;
    border-top: 1px solid #f0ddc8;
}
.main_footer p, .main_footer li, .main_footer a, .main_footer strong,
.foot_box, .foot_box.content p { color: #3a2b1e !important; }
.main_footer a:hover { color: #f47c20 !important; }
.footer-bottom {
    background: #fdf6ee !important;
    color: #6b5a4a !important;
}
.footer-disclaimer { color: #8a776a !important; }

/* footer logo swap handled in PHP (dark logo on light bg) */

/* ---------- Buttons global ---------- */
.btn-primary, .button-primary, input[type="submit"] {
    background: #f47c20 !important;
    color: #fff !important;
    border-radius: 6px !important;
}

/* ===== round 2 fixes (2026-07-17) ===== */

/* HERO: theme reuses .pep-hq-banner-section for hero + trust strip.
   Scope: hero = the one containing .pep-hq-banner-content -> peach gradient. */
.pep-hq-banner-section { background: #fdf6ee !important; }
.pep-hq-banner-section:has(.pep-hq-banner-content) {
    background: linear-gradient(160deg, #fdf3e7 0%, #fbe3cd 55%, #f7d3b3 100%) !important;
}
.pep-hq-banner-section h2, .pep-hq-banner-content h2 { color: #3a2b1e !important; }

/* trust strip stays clean cream/white */
.pep-hq-banner-section:has(.trust-item) { background: #ffffff !important; }
.trust-icon svg { stroke: #f47c20 !important; }

/* CATEGORY TILES: teal photos -> colorful Alpha-style overlays */
.cat-tile { position: relative; }
.cat-tile .cat-img { position: relative; }
.cat-tile .cat-img::before {
    content: "";
    position: absolute; inset: 0;
    border-radius: inherit;
    mix-blend-mode: multiply;
    opacity: .92;
}
.cat-tile:nth-child(1) .cat-img::before { background: #2a6fb5; }
.cat-tile:nth-child(2) .cat-img::before { background: #f4832a; }
.cat-tile:nth-child(3) .cat-img::before { background: #6faf4b; }
.cat-tile:nth-child(4) .cat-img::before { background: #1f8a8c; }
.cat-tile:nth-child(5) .cat-img::before { background: #ef7d47; }
.cat-tile .cat-img span { position: relative; z-index: 2; color: #fff !important; font-weight: 800; }

/* PURITY SECTION: light green like Alpha 99% block */
.purity-section {
    background: linear-gradient(150deg, #f2f8ec 0%, #dff0d3 100%) !important;
}
.purity-section, .purity-section * { color: #2f4d24; }
.purity-badge {
    background: #ffffff !important;
    border: 1px solid #cfe4bf !important;
    border-radius: 10px !important;
}
.purity-badge strong { color: #2f6b1f !important; }
.purity-badge span { color: #57684c !important; }

/* ===== round 3 (2026-07-17) ===== */

/* top USA MADE strip: dark brown like Alpha */
html #simple-banner, html .simple-banner { background: #3a2b1e !important; }
.simple-banner-text, .simple-banner-text * { color: #ffffff !important; }

/* hero content: kill leftover green panel */
.pep-hq-banner-content { background: none !important; }
.pep-hq-banner-inner { background: none !important; }

/* category tiles: brighter solid overlays (no multiply mud) */
.cat-tile .cat-img::before {
    mix-blend-mode: normal;
    opacity: .82;
}
.cat-tile:nth-child(1) .cat-img::before { background: linear-gradient(135deg,#2a6fb5 0%,#1d5a99 100%); }
.cat-tile:nth-child(2) .cat-img::before { background: linear-gradient(135deg,#f4832a 0%,#e06d15 100%); }
.cat-tile:nth-child(3) .cat-img::before { background: linear-gradient(135deg,#6faf4b 0%,#578f38 100%); }
.cat-tile:nth-child(4) .cat-img::before { background: linear-gradient(135deg,#1f8a8c 0%,#147072 100%); }
.cat-tile:nth-child(5) .cat-img::before { background: linear-gradient(135deg,#ef7d47 0%,#d96430 100%); }
.cat-tile .cat-img span {
    font-size: 1.05rem;
    text-shadow: 0 1px 6px rgba(0,0,0,.35);
}

/* round 4: kill leftover green gradient panel inside hero */
.pep-hq-banner-section:has(.pep-hq-banner-content) .pep-hq-banner-container {
    background: none !important;
    background-image: none !important;
}