/* Herbal Care brand layer: richer emerald + gold, bold colour blocks. Loaded last, so it can be removed to return to the soft theme. */
:root{
  --hc-emerald:#0c4a34;--hc-emerald-2:#137a55;--hc-deep:#062d20;--hc-mint:#e0f3e6;--hc-mint-2:#c6ead3;
  --hc-gold:#e2a617;--hc-gold-2:#f7c948;--hc-gold-soft:#fdf1c8;--hc-gold-ink:#7a5200;--hc-cream:#fbf8ef;--hc-coral:#d1693f;
}
body{background:var(--hc-cream)}
::selection{background:var(--hc-gold);color:var(--hc-deep)}
.eyebrow{color:#b07a00;font-weight:700}

/* ---------- buttons ---------- */
.button{font-weight:700;letter-spacing:.02em;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.button-primary{background:var(--hc-emerald);color:#fff;border:2px solid var(--hc-emerald)}
.button-primary:hover{background:var(--hc-gold);border-color:var(--hc-gold);color:var(--hc-deep);transform:translateY(-2px);box-shadow:0 8px 18px rgba(12,74,52,.22)}
.button-outline{border:2px solid var(--hc-emerald);color:var(--hc-emerald);background:transparent}
.button-outline:hover{background:var(--hc-emerald);color:#fff}
.button-light{background:var(--hc-gold);color:var(--hc-deep);border:2px solid var(--hc-gold)}
.button-light:hover{background:#fff;border-color:#fff;color:var(--hc-emerald)}
.text-link{color:var(--hc-emerald);font-weight:700;border-bottom:2px solid var(--hc-gold)}

/* ---------- announcement + header ---------- */
.announcement-bar{background:var(--hc-gold)!important;color:var(--hc-deep)!important;font-weight:700;letter-spacing:.07em}
.announcement-bar span{color:var(--hc-deep)}
.store-header{background:#fff!important;border-bottom:3px solid var(--hc-emerald)!important;box-shadow:0 6px 20px rgba(12,74,52,.06)}
.brand-wordmark{color:var(--hc-emerald)}.brand-wordmark i{color:var(--hc-emerald-2)}
.brand-mark{background:var(--hc-emerald)!important;color:var(--hc-gold-2)!important;border-color:var(--hc-emerald)!important}
.store-nav a{font-weight:600;color:#17362a;position:relative;padding:6px 0}
.store-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:var(--hc-gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.store-nav a:hover::after{transform:scaleX(1)}
.header-actions a{color:var(--hc-emerald)}.header-actions a:hover{color:var(--hc-gold-ink)}
.bag-count{background:var(--hc-gold)!important;color:var(--hc-deep)!important;font-weight:800}

/* ---------- hero (default split design) ---------- */
.hero-section{background:radial-gradient(900px 500px at 85% 20%,rgba(226,166,23,.22),transparent 60%),linear-gradient(120deg,var(--hc-deep) 0%,var(--hc-emerald) 55%,#137a55 120%)!important;color:#fff}
.hero-section .hero-kicker{color:var(--hc-gold-2)}
.hero-section h1,.hero-section .hero-title{color:#fff!important}
.hero-section h1 i,.hero-section .hero-title i{color:var(--hc-gold-2)!important}
.hero-section .hero-copy p{color:#d5ecdf}
.hero-section .button-primary{background:var(--hc-gold);border-color:var(--hc-gold);color:var(--hc-deep)}
.hero-section .button-primary:hover{background:#fff;border-color:#fff;color:var(--hc-emerald)}
.hero-section .hero-story-link{color:#fff;border-bottom:2px solid var(--hc-gold-2)}
.hero-section .hero-footnote,.hero-section .hero-scroll{color:#b5d8c5}
.hero-section .hero-dot{background:var(--hc-gold-2)}
.hero-visual img{box-shadow:16px 16px 0 var(--hc-gold);border:4px solid #fff}
.hero-bloom{background:var(--hc-gold)!important;color:var(--hc-deep)!important}

/* ---------- promise strip ---------- */
.promise-strip{background:var(--hc-gold)!important;color:var(--hc-deep)!important;border:0!important;font-weight:700}
.promise-strip svg{color:var(--hc-emerald)}.promise-divider{background:rgba(6,45,32,.35)!important}

/* ---------- collections ---------- */
.collection-card{border-bottom:5px solid var(--hc-gold);box-shadow:0 10px 24px rgba(12,74,52,.16);transition:transform .3s,box-shadow .3s}
.collection-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(12,74,52,.24)}
.collection-card-1{background:var(--hc-emerald)!important}.collection-card-2{background:var(--hc-gold)!important}.collection-card-3{background:var(--hc-coral)!important}
.collection-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(6,45,32,.82) 0%,rgba(6,45,32,.1) 60%,transparent)}
.collection-card>div,.collection-arrow{position:relative;z-index:2}
.collection-arrow{background:var(--hc-gold)!important;color:var(--hc-deep)!important}
.collection-intro h2 i,.section-heading h2 i,.ritual-copy h2 i,.ingredient-top h2 i{color:#0f8a5f}

/* ---------- product cards & bestsellers ---------- */
.bestseller-section{background:linear-gradient(180deg,var(--hc-mint-2),var(--hc-mint))!important;border-top:5px solid var(--hc-emerald)}
.product-card{background:#fff;border:2px solid transparent;box-shadow:0 6px 18px rgba(12,74,52,.1);transition:transform .25s,border-color .25s,box-shadow .25s;padding-bottom:16px}
.product-card:hover{transform:translateY(-6px);border-color:var(--hc-gold);box-shadow:0 16px 30px rgba(12,74,52,.2)}
.product-card-copy{padding:14px 16px 0}
.product-card-title span{color:var(--hc-emerald);font-weight:800}
.product-tag{background:var(--hc-gold)!important;color:var(--hc-deep)!important;font-weight:800}
.heart-button{background:#fff;color:var(--hc-emerald);box-shadow:0 3px 10px rgba(0,0,0,.15)}
.heart-button:hover,.heart-button.is-saved{background:var(--hc-coral);color:#fff}
.product-meta b{color:var(--hc-gold-ink)}
.product-image-sage{background:#d3efdf}.product-image-marigold{background:#fdeab0}.product-image-lilac{background:#e6dcf4}.product-image-olive{background:#e5efc8}.product-image-clay{background:#fbddd0}

/* ---------- feature blocks ---------- */
.ritual-feature{background:var(--hc-emerald)!important;color:#fff}
.ritual-copy h2,.ritual-copy p{color:#fff}.ritual-copy h2 i{color:var(--hc-gold-2)}.ritual-copy p{color:#d5ecdf}
.ritual-copy .eyebrow{color:var(--hc-gold-2)}
.ritual-copy .button-outline{border-color:var(--hc-gold-2);color:#fff}.ritual-copy .button-outline:hover{background:var(--hc-gold-2);color:var(--hc-deep)}
.ritual-seal{background:var(--hc-gold)!important;color:var(--hc-deep)!important;font-weight:800}
.ingredient-section{box-shadow:0 0 0 100vmax var(--hc-gold-soft);clip-path:inset(0 -100vmax);background:var(--hc-gold-soft)}
.ingredient-list>div{background:#fff;border-top:5px solid var(--hc-gold);box-shadow:0 8px 20px rgba(122,82,0,.12)}
.ingredient-list>div svg{color:var(--hc-emerald)}.ingredient-list>div span{color:var(--hc-gold-ink);font-weight:800}
.home-cta{background:linear-gradient(120deg,var(--hc-deep),var(--hc-emerald) 70%,#137a55)!important}
.home-cta h2{color:#fff}.home-cta h2 i{color:var(--hc-gold-2)}.home-cta .eyebrow,.home-cta>div>span:first-child{color:var(--hc-gold-2)}

/* ---------- footer ---------- */
.store-footer{background:var(--hc-deep)!important;border-top:6px solid var(--hc-gold)}
.footer-column h4{color:var(--hc-gold-2);letter-spacing:.14em}
.footer-column a{color:#d5ecdf}.footer-column a:hover{color:var(--hc-gold-2)}
.footer-news h3{color:#fff}.footer-news .eyebrow{color:var(--hc-gold-2)}
.newsletter-form button{background:var(--hc-gold)!important;color:var(--hc-deep)!important}
.footer-bottom{color:#9fc7b3}

/* ---------- shop / product / info ---------- */
.shop-banner{background:linear-gradient(120deg,var(--hc-deep),var(--hc-emerald) 75%,#137a55)!important;color:#fff;border-bottom:5px solid var(--hc-gold)}
.shop-banner h1{color:#fff}.shop-banner p{color:#d5ecdf}.shop-banner .eyebrow{color:var(--hc-gold-2)}.shop-banner-flower{color:var(--hc-gold)!important;opacity:.9}
.shop-filters a.selected{background:var(--hc-emerald);color:#fff;padding-left:10px;padding-right:10px}.shop-filters a.selected span{color:var(--hc-gold-2)}
.filter-note{background:var(--hc-gold-soft);border-left:4px solid var(--hc-gold)}
.shop-toolbar select,.shop-toolbar{border-color:var(--hc-mint-2)}
.product-detail-image{background:var(--hc-mint)!important;border-bottom:5px solid var(--hc-gold)}
.product-price{color:var(--hc-emerald);font-weight:800}
.ingredient-chip{background:var(--hc-mint);border-left:4px solid var(--hc-emerald)}
.accordion-item{border-color:var(--hc-mint-2)}
.stock-note{color:var(--hc-coral);font-weight:700}
.info-count{color:var(--hc-gold-ink);font-weight:800}
.empty-state>span,.not-found .eyebrow{color:var(--hc-gold)}

/* ---------- cart / checkout / auth ---------- */
.order-summary,.checkout-summary{background:var(--hc-mint)!important;border-top:5px solid var(--hc-emerald)}
.summary-total b,.summary-grand b{color:var(--hc-emerald);font-weight:800}
.pay-method:has(input:checked){background:var(--hc-gold-soft);border-color:var(--hc-gold)}
.checkout-brand{background:var(--hc-emerald);color:#fff}.checkout-brand a{color:#fff}.checkout-mark{color:var(--hc-gold-2)}
.auth-art{background:linear-gradient(150deg,var(--hc-deep),var(--hc-emerald) 80%)!important;color:#fff}
.auth-art h2,.auth-art p{color:#fff}.auth-art h2 i{color:var(--hc-gold-2)}.auth-art .eyebrow{color:var(--hc-gold-2)}.auth-art-mark{color:var(--hc-gold)!important}
.flash{background:var(--hc-mint);border-color:var(--hc-emerald-2);color:var(--hc-deep);font-weight:600}
.flash-info{background:var(--hc-gold-soft);border-color:var(--hc-gold);color:var(--hc-gold-ink)}
.flash-err{background:#fde4da;border-color:var(--hc-coral);color:#8a2f10}

/* ---------- customer account ---------- */
.account-user-card{background:var(--hc-emerald);color:#fff;padding:16px;border-radius:2px}.account-user-card small{color:#b5d8c5}
.account-sidebar nav a.active{background:var(--hc-gold-soft);color:var(--hc-deep);border-left:4px solid var(--hc-gold);font-weight:700}
.account-welcome{background:linear-gradient(120deg,var(--hc-emerald),#137a55);color:#fff;padding:22px 26px!important;margin-bottom:16px}
.account-welcome *{color:#fff}.account-welcome .button-outline{border-color:var(--hc-gold-2);color:#fff}
.account-stat-cards>div:nth-child(1){background:var(--hc-mint);border-top:5px solid var(--hc-emerald)}
.account-stat-cards>div:nth-child(2){background:var(--hc-gold-soft);border-top:5px solid var(--hc-gold)}
.account-card,.account-order-card,.customer-order{border-color:var(--hc-mint-2)}
.payment-status-box,.pay-instructions{background:var(--hc-gold-soft);border-color:var(--hc-gold)}

/* ---------- badges ---------- */
.badge{font-weight:800}
.badge-delivered,.badge-active,.badge-paid,.badge-published,.badge-live,.badge-visible{background:#cdeed9;color:#0a5a3a}
.badge-processing,.badge-scheduled{background:var(--hc-gold-soft);color:var(--hc-gold-ink)}
.badge-shipped{background:#cdeaf0;color:#0b5a66}
.badge-pending,.badge-watch,.badge-low-stock{background:#ffe9b0;color:#7a4a00}
.badge-cancelled,.badge-failed,.badge-rejected,.badge-expired{background:#fcd9cc;color:#8a2f10}
.badge-refunded{background:#e6dcf4;color:#4b2f7a}

/* ---------- admin panel ---------- */
.admin-sidebar{background:var(--hc-deep)!important;border-right:0!important;border-top:0}
.admin-mini-brand,.admin-mini-brand b{color:#fff}.admin-mini-brand span{color:var(--hc-gold-2)}
.admin-side-label,.admin-nav-section{color:var(--hc-gold-2)!important;font-weight:800}
.admin-nav-item{color:#cfe8da!important;border-radius:2px;transition:background .2s}
.admin-nav-item:hover{background:rgba(255,255,255,.09)!important;color:#fff!important}
.admin-nav-item.active{background:var(--hc-gold)!important;color:var(--hc-deep)!important;font-weight:800}
.admin-nav-item i{background:var(--hc-coral);color:#fff}
.admin-sidebar-bottom{border-top:1px solid rgba(255,255,255,.14)}
.admin-user{color:#fff}.admin-user small{color:#9fc7b3}.admin-avatar{background:var(--hc-gold)!important;color:var(--hc-deep)!important}
.admin-topbar{background:#fff!important;border-bottom:3px solid var(--hc-gold)!important}
.admin-main{background:#f3f7f1}
.admin-page-title h1{color:var(--hc-emerald)}
.admin-label{color:#b07a00;font-weight:800}
.admin-primary-button{background:var(--hc-emerald)!important;border-color:var(--hc-emerald)!important;color:#fff!important;font-weight:700}
.admin-primary-button:hover{background:var(--hc-gold)!important;border-color:var(--hc-gold)!important;color:var(--hc-deep)!important}
.admin-outline-button{border:2px solid var(--hc-emerald);color:var(--hc-emerald);font-weight:700;background:#fff}.admin-outline-button:hover{background:var(--hc-emerald);color:#fff}
.admin-panel{border:1px solid #d9e8dd;border-top:4px solid var(--hc-emerald);box-shadow:0 4px 14px rgba(12,74,52,.06)}
.admin-stat{border:0;border-top:5px solid var(--hc-emerald);box-shadow:0 6px 16px rgba(12,74,52,.08)}
.admin-stats-grid .admin-stat:nth-child(2){border-top-color:var(--hc-gold)}
.admin-stats-grid .admin-stat:nth-child(3){border-top-color:#137a55}
.admin-stats-grid .admin-stat:nth-child(4){border-top-color:var(--hc-coral)}
.admin-stat-icon.green{background:var(--hc-emerald)!important;color:#fff!important}
.admin-stat-icon.sage{background:#137a55!important;color:#fff!important}
.admin-stat-icon.gold{background:var(--hc-gold)!important;color:var(--hc-deep)!important}
.admin-stat-icon.lilac{background:var(--hc-coral)!important;color:#fff!important}
.admin-stat strong{color:var(--hc-emerald);font-weight:800}
.admin-table thead th{background:var(--hc-mint);color:var(--hc-emerald);font-weight:800}
.admin-table tbody tr:hover{background:#f6fbf7}
.order-ref{color:var(--hc-emerald);font-weight:800;border-bottom:2px solid var(--hc-gold)}
.admin-tabs a.selected{border-color:var(--hc-gold);color:var(--hc-emerald)}
.chart-bar span{background:linear-gradient(0deg,var(--hc-emerald),#137a55)!important}
.chart-bar:hover span{background:var(--hc-gold)!important}
.settings-admin-nav a.active{background:var(--hc-emerald);color:#fff}
.size-guide{background:var(--hc-gold-soft);border-color:var(--hc-gold);color:var(--hc-gold-ink)}.size-guide b{color:var(--hc-deep)}
.admin-login{background:linear-gradient(135deg,var(--hc-deep),var(--hc-emerald) 70%,#137a55)!important;color:#fff;max-width:none}
.admin-login h1,.admin-login p,.admin-login label,.admin-login small,.admin-login a{color:#fff}.admin-login h1 i,.admin-login .eyebrow{color:var(--hc-gold-2)}
.admin-login-mark{color:var(--hc-gold)}

/* ---------- banners/sliders ---------- */
.hc-dots button.is-active{background:var(--hc-gold)}
.hc-nav{color:var(--hc-emerald)}.hc-nav:hover{background:var(--hc-gold)}
.hc-banner-hero .hc-dots button{border-color:#fff;background:rgba(255,255,255,.4)}.hc-banner-hero .hc-dots button.is-active{background:var(--hc-gold)}
.hero-full-copy .button-light{background:var(--hc-gold);color:var(--hc-deep)}
:focus-visible{outline-color:var(--hc-gold)}

@media(max-width:700px){
  .hero-visual img{box-shadow:8px 8px 0 var(--hc-gold)}
  .announcement-bar{font-size:9px}
}

.site-shell{overflow-x:clip}