/* =====================================================================
   THANKSGIVING — front-end template overlay
   Autumn harvest storefront: deep warm-brown canvas, burnt-orange and amber
   accents, an elegant Yeseva One heading, falling leaves in the hero. Loaded
   after the base stack and scoped to body.tmpl-thanksgiving, so the admin
   area is untouched. Content cards stay light for readability; the canvas,
   accents, and headings go brown / amber.
   ===================================================================== */

/* ---- Page canvas ---------------------------------------------------- */
body.tmpl-thanksgiving {
    background-color: #2a1606;
    background-image: linear-gradient(160deg, #2a1606 0%, #3d2410 55%, #1f1004 100%);
    font-family: 'Lato', sans-serif;
}

/* ---- Display headings ----------------------------------------------- */
.tmpl-thanksgiving .slider-content h2,
.tmpl-thanksgiving .section-title h2,
.tmpl-thanksgiving .page-title h2 {
    font-family: 'Yeseva One', Georgia, serif;
    font-weight: 400;
}
.tmpl-thanksgiving .section-title h2 { color: #fbeede; }

/* ---- Accent tokens -------------------------------------------------- */
.tmpl-thanksgiving .theme-bg { background: #d2691e !important; }
.tmpl-thanksgiving .theme-color { color: #e0a32e !important; }
.tmpl-thanksgiving .theme-border { border-color: #d2691e !important; }
.tmpl-thanksgiving .border-theme02 { border-color: #d2691e !important; }
.tmpl-thanksgiving a.c-theme,
.tmpl-thanksgiving .c-theme { color: #e0a32e !important; }
.tmpl-thanksgiving .web-btn.theme-bg { box-shadow: 0 8px 22px rgba(210, 105, 30, .3); }

.tmpl-thanksgiving .product-area.pb-70 {
    background: rgba(255, 255, 255, .04);
    box-shadow: 0 2px 16px rgba(0, 0, 0, .3);
}

/* ---- custom-bridge accents → burnt orange / amber ------------------- */
.tmpl-thanksgiving .site-category-box::before { background: #d2691e; }
.tmpl-thanksgiving .site-category-link:hover .site-category-box,
.tmpl-thanksgiving .site-category-link:focus .site-category-box {
    border-color: #d2691e;
    box-shadow: 0 12px 36px rgba(210, 105, 30, .2);
}
.tmpl-thanksgiving .site-category-link:hover .site-category-box h4,
.tmpl-thanksgiving .site-category-link:focus .site-category-box h4 { color: #b0521a; }
.tmpl-thanksgiving .site-category-link .site-category-box b.primary-color { color: #b0521a; }
.tmpl-thanksgiving .main-menu nav ul li a.site-nav-active,
.tmpl-thanksgiving .main-menu nav ul li a.site-nav-active:hover { color: #e0a32e !important; }
.tmpl-thanksgiving .main-menu nav ul li a.site-nav-active::after { background: #d2691e; }
.tmpl-thanksgiving .s-p-wrapper .single-product .single-product-info h6 a:hover { color: #b0521a !important; }
.tmpl-thanksgiving .site-page-btn:hover,
.tmpl-thanksgiving .site-page-active { background: #d2691e; border-color: #d2691e; color: #fff !important; }
.tmpl-thanksgiving .shop-mini-category { color: #e0a32e; }

/* ---- Header nav + icons: lighten for the dark hero ------------------ */
.tmpl-thanksgiving .main-menu nav > ul > li > a { color: #f0e3d2 !important; }
.tmpl-thanksgiving .main-menu nav > ul > li:hover > a { color: #e0a32e !important; }
.tmpl-thanksgiving .main-menu ul li > a::before { background: #d2691e; }
.tmpl-thanksgiving header .dark-black-color,
.tmpl-thanksgiving header .site-cart-toggle span,
.tmpl-thanksgiving header .header-account span { color: #f0e3d2 !important; }
.tmpl-thanksgiving header .dark-black-color:hover,
.tmpl-thanksgiving header .site-cart-toggle:hover span,
.tmpl-thanksgiving header .header-account span:hover { color: #e0a32e !important; }

/* ---- Hero: harvest dusk + falling leaves + warm glow ---------------- */
.tmpl-thanksgiving .single-slider {
    position: relative;
    background-color: #2a1606 !important;
    background-image:
        radial-gradient(120% 90% at 70% 6%, rgba(224,163,46,.12) 0%, rgba(224,163,46,0) 55%),
        linear-gradient(160deg, #2a1606 0%, #3d2410 50%, #1f1004 100%) !important;
}
.tmpl-thanksgiving .single-slider::before,
.tmpl-thanksgiving .single-slider::after {
    content: "";
    position: absolute; left: 0; top: 0; right: 0; bottom: 0;
    z-index: -1; pointer-events: none;
}
/* Two layers of falling autumn leaves */
.tmpl-thanksgiving .single-slider::before {
    background-image:
        radial-gradient(3px 3px at 12% 18%, rgba(210,105,30,.6), transparent),
        radial-gradient(2.5px 2.5px at 34% 48%, rgba(224,163,46,.55), transparent),
        radial-gradient(3px 3px at 58% 78%, rgba(176,82,26,.55), transparent),
        radial-gradient(2.5px 2.5px at 80% 34%, rgba(224,163,46,.55), transparent),
        radial-gradient(3px 3px at 92% 64%, rgba(210,105,30,.5), transparent);
    background-size: 320px 320px;
    animation: tmplLeafFallA 12s linear infinite;
}
.tmpl-thanksgiving .single-slider::after {
    background-image:
        radial-gradient(4px 4px at 22% 12%, rgba(190,90,30,.5), transparent),
        radial-gradient(3px 3px at 66% 26%, rgba(224,163,46,.45), transparent),
        radial-gradient(4px 4px at 44% 72%, rgba(176,82,26,.45), transparent),
        radial-gradient(3px 3px at 88% 90%, rgba(224,163,46,.45), transparent);
    background-size: 440px 440px;
    animation: tmplLeafFallB 17s linear infinite;
}
@keyframes tmplLeafFallA { from { background-position: 0 0; } to { background-position: 45px 320px; } }
@keyframes tmplLeafFallB { from { background-position: 0 0; } to { background-position: -55px 440px; } }

.tmpl-thanksgiving .slider-content h2 { color: #fff2e2 !important; text-shadow: 0 2px 16px rgba(0,0,0,.5); }
.tmpl-thanksgiving .slider-content p  { color: rgba(240,227,210,.9) !important; text-shadow: 0 1px 8px rgba(0,0,0,.45); }
.tmpl-thanksgiving .slider-shape .slider-bg-round {
    background: radial-gradient(circle at 40% 38%, rgba(255,222,170,.5) 0%, rgba(224,163,46,.28) 44%, rgba(210,105,30,.12) 74%, rgba(210,105,30,0) 100%) !important;
    box-shadow: 0 0 90px 24px rgba(210,105,30,.16);
    opacity: .7;
}

/* Inner-page title hero matches the template */
.tmpl-thanksgiving .page-height {
    background-color: #2a1606 !important;
    background-image: linear-gradient(160deg, #2a1606 0%, #3d2410 50%, #1f1004 100%) !important;
}

/* Respect reduced-motion: keep the look, drop the motion */
@media (prefers-reduced-motion: reduce) {
    .tmpl-thanksgiving .single-slider::before,
    .tmpl-thanksgiving .single-slider::after,
    .tmpl-thanksgiving .slider-shape { animation: none !important; }
}