/* ==========================================================================
   Heuboden Grill Dark Mode
   Scope: body.grills-dark-mode
   Palette: Dark bg + Reseda Green accents + Desert Sand text
   ========================================================================== */

/* A. CSS Variables
   ========================================================================== */
body.grills-dark-mode {
    --gdm-bg: #36393E;            /* Page background - Anthracite */
    --gdm-card: #42464D;          /* Card bg - slightly lighter */
    --gdm-text: #EDC9AF;          /* Desert Sand - primary text */
    --gdm-text-white: #ffffff;     /* White - secondary text */
    --gdm-accent: #6C7C59;        /* Reseda Green */
    --gdm-accent-light: #8A9A75;  /* Lighter Reseda */
    --gdm-accent-dark: #4D5D53;   /* Feldgrau */
    --gdm-border: #4A4E55;        /* Anthracite border */
    --gdm-bg-deep: #2D3033;       /* Header/footer bg - darker anthracite */

    /* Override WoodMart primary color (#66023C → Desert Sand) */
    --wd-primary-color: #EDC9AF;
    --btn-accented-bgcolor: #EDC9AF;
    --wd-link-color-hover: #EDC9AF;
}

/* B. Page Background
   ========================================================================== */
body.grills-dark-mode,
body.grills-dark-mode .wd-page-wrapper,
body.grills-dark-mode .wd-page-content {
    background-color: var(--gdm-bg) !important;
    color: var(--gdm-text-white) !important;
}

body.grills-dark-mode .wd-page-wrapper {
    position: relative;
    background:
        radial-gradient(ellipse 600px 400px at 20% 50%, rgba(108, 124, 89, 0.04), transparent),
        radial-gradient(ellipse 500px 350px at 80% 30%, rgba(108, 124, 89, 0.03), transparent),
        radial-gradient(ellipse 400px 300px at 50% 80%, rgba(77, 93, 83, 0.02), transparent),
        var(--gdm-bg) !important;
}

/* C. Header
   ========================================================================== */
body.grills-dark-mode .whb-header,
body.grills-dark-mode .whb-main-header,
body.grills-dark-mode .whb-general-header,
body.grills-dark-mode .whb-sticky-header,
body.grills-dark-mode .whb-row {
    background-color: var(--gdm-bg-deep) !important;
}

/* Top bar (header banner) - Desert Sand bg, dark text */
body.grills-dark-mode .header-banner.wd-hb {
    background-color: #EDC9AF !important;
}

body.grills-dark-mode .header-banner.wd-hb,
body.grills-dark-mode .header-banner.wd-hb a,
body.grills-dark-mode .header-banner.wd-hb span,
body.grills-dark-mode .wd-hb-close a {
    color: #4B5142 !important;
}

/* Logo - Desert Sand tint */
body.grills-dark-mode .whb-header .wd-logo img,
body.grills-dark-mode .whb-header .site-logo img {
    filter: brightness(0) saturate(100%) invert(83%) sepia(14%) saturate(540%) hue-rotate(336deg) brightness(101%) contrast(89%);
}

body.grills-dark-mode .whb-header a,
body.grills-dark-mode .whb-header .wd-nav > li > a,
body.grills-dark-mode .whb-header .woodmart-navigation > li > a {
    color: var(--gdm-text) !important;
}

body.grills-dark-mode .whb-header a:hover,
body.grills-dark-mode .whb-header .wd-nav > li > a:hover {
    color: var(--gdm-accent-light) !important;
}

/* Menu underlines - Desert Sand (on .nav-link-text span, not the dropdown arrow on <a>) */
body.grills-dark-mode .whb-header .wd-nav .nav-link-text::after,
body.grills-dark-mode .whb-header .woodmart-navigation .nav-link-text::after {
    background-color: var(--gdm-text) !important;
}

body.grills-dark-mode .whb-header .wd-tools-element > a,
body.grills-dark-mode .whb-header .wd-header-search-form input {
    color: var(--gdm-text) !important;
}

body.grills-dark-mode .whb-header .wd-header-search-form input {
    background-color: var(--gdm-card) !important;
    border-color: var(--gdm-border) !important;
}

/* D. Page Title / Hero Section
   ========================================================================== */
body.grills-dark-mode .page-title-default,
body.grills-dark-mode .wd-page-title {
    background: linear-gradient(rgba(75, 81, 66, 0.55), rgba(75, 81, 66, 0.55)),
                url('traeger-hero.jpg') center/cover no-repeat !important;
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hide WoodMart default hero image (rendered as <img> inside .wd-page-title-bg) */
body.grills-dark-mode .wd-page-title-bg {
    display: none !important;
}

body.grills-dark-mode .page-title-default .entry-title,
body.grills-dark-mode .wd-page-title .entry-title {
    color: var(--gdm-text) !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}

body.grills-dark-mode .page-title-default .woocommerce-breadcrumb,
body.grills-dark-mode .wd-page-title .woocommerce-breadcrumb,
body.grills-dark-mode .woocommerce-breadcrumb,
body.grills-dark-mode .woocommerce-breadcrumb a {
    color: var(--gdm-text) !important;
}

/* E. Product Cards
   ========================================================================== */
body.grills-dark-mode .product-grid-item .product-wrapper,
body.grills-dark-mode .wd-product .product-wrapper,
body.grills-dark-mode .product-list-item .product-wrapper {
    background-color: var(--gdm-card) !important;
    border-color: var(--gdm-border) !important;
    border-radius: 8px;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    z-index: 1;
}

/* Hover image background */
body.grills-dark-mode .wd-product-img-hover.hover-img {
    background-color: var(--gdm-card) !important;
}

/* Animated gradient border on hover */
body.grills-dark-mode .product-grid-item .product-wrapper::before,
body.grills-dark-mode .wd-product .product-wrapper::before {
    content: '';
    position: absolute;
    inset: -2px;
    z-index: -1;
    border-radius: 10px;
    background: linear-gradient(
        135deg,
        var(--gdm-accent),
        var(--gdm-accent-dark),
        var(--gdm-accent-light),
        var(--gdm-accent)
    );
    background-size: 200% 200%;
    animation: gdm-gradient-shift 3s ease infinite;
    opacity: 0;
    transition: opacity 0.4s ease;
}

body.grills-dark-mode .product-grid-item:hover .product-wrapper::before,
body.grills-dark-mode .wd-product:hover .product-wrapper::before {
    opacity: 1;
}

body.grills-dark-mode .product-grid-item:hover .product-wrapper,
body.grills-dark-mode .wd-product:hover .product-wrapper {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(108, 124, 89, 0.25);
}

@keyframes gdm-gradient-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Card text colors */
body.grills-dark-mode .product-grid-item .wd-entities-title a,
body.grills-dark-mode .wd-product .wd-entities-title a {
    color: var(--gdm-text) !important;
}

body.grills-dark-mode .product-grid-item .woodmart-product-cats a,
body.grills-dark-mode .wd-product .woodmart-product-cats a,
body.grills-dark-mode .product-grid-item .wd-product-cats a,
body.grills-dark-mode .wd-product .wd-product-cats a {
    color: var(--gdm-text-white) !important;
}

body.grills-dark-mode .product-grid-item .price,
body.grills-dark-mode .wd-product .price {
    color: var(--gdm-text-white) !important;
    padding-bottom: 12px !important;
}

body.grills-dark-mode .product-grid-item .price .woocommerce-price-suffix,
body.grills-dark-mode .wd-product .price .woocommerce-price-suffix {
    color: var(--gdm-text-white) !important;
}

body.grills-dark-mode .product-grid-item .price del,
body.grills-dark-mode .wd-product .price del {
    color: #888 !important;
}

body.grills-dark-mode .product-grid-item .price ins,
body.grills-dark-mode .wd-product .price ins {
    color: var(--gdm-text-white) !important;
}

body.grills-dark-mode .product-grid-item .wd-product-actions a,
body.grills-dark-mode .wd-product .wd-product-actions a {
    color: var(--gdm-text) !important;
    background-color: var(--gdm-border) !important;
}

body.grills-dark-mode .product-grid-item .wd-product-actions a:hover,
body.grills-dark-mode .wd-product .wd-product-actions a:hover {
    background-color: var(--gdm-accent) !important;
    color: #fff !important;
}

/* Override primary/purple (#66023C) → menu bg color on cards */
body.grills-dark-mode .product-grid-item .wd-add-btn a,
body.grills-dark-mode .wd-product .wd-add-btn a,
body.grills-dark-mode .product-grid-item .add_to_cart_button,
body.grills-dark-mode .wd-product .add_to_cart_button {
    background-color: var(--gdm-bg-deep) !important;
    color: var(--gdm-text) !important;
}

body.grills-dark-mode .product-grid-item .wd-add-btn a:hover,
body.grills-dark-mode .wd-product .wd-add-btn a:hover,
body.grills-dark-mode .product-grid-item .add_to_cart_button:hover,
body.grills-dark-mode .wd-product .add_to_cart_button:hover {
    background-color: var(--gdm-accent-dark) !important;
}

/* Action button icons - compare check icon etc. */
body.grills-dark-mode .wd-action-btn .wd-check-icon {
    background-color: var(--gdm-bg-deep) !important;
}

/* Category card descriptions */
body.grills-dark-mode .wd-cat .wd-cat-content,
body.grills-dark-mode .wd-sub-categories .wd-cat-content {
    background-color: var(--gdm-card) !important;
    color: var(--gdm-text) !important;
}

body.grills-dark-mode .wd-cat .wd-cat-title,
body.grills-dark-mode .wd-sub-categories .wd-cat-title {
    color: var(--gdm-text) !important;
}

/* F. Sidebar / Filters
   ========================================================================== */
body.grills-dark-mode .sidebar-container .widget,
body.grills-dark-mode .wd-sidebar .widget {
    background-color: var(--gdm-card) !important;
    border-color: var(--gdm-border) !important;
    color: var(--gdm-text-white) !important;
}

body.grills-dark-mode .sidebar-container .widget-title,
body.grills-dark-mode .wd-sidebar .widget-title {
    color: var(--gdm-text) !important;
}

body.grills-dark-mode .sidebar-container a,
body.grills-dark-mode .wd-sidebar a {
    color: var(--gdm-text-white) !important;
}

body.grills-dark-mode .sidebar-container a:hover,
body.grills-dark-mode .wd-sidebar a:hover {
    color: var(--gdm-accent-light) !important;
}

/* WooCommerce filter widgets */
body.grills-dark-mode .wd-widget-layered-nav li,
body.grills-dark-mode .widget_layered_nav li {
    color: var(--gdm-text-white) !important;
}

body.grills-dark-mode .wd-active-filters a {
    background-color: var(--gdm-border) !important;
    color: var(--gdm-text) !important;
}

/* Shop filter widgets (Sort By, Price Filter, etc.) */
body.grills-dark-mode .filter-widget a,
body.grills-dark-mode .woodmart-woocommerce-sort-by a,
body.grills-dark-mode .woodmart-price-filter a,
body.grills-dark-mode .wd-widget.filter-widget a {
    color: var(--gdm-text) !important;
}
body.grills-dark-mode .filter-widget a:hover,
body.grills-dark-mode .woodmart-woocommerce-sort-by a:hover,
body.grills-dark-mode .woodmart-price-filter a:hover {
    color: var(--gdm-text-white) !important;
}
body.grills-dark-mode .filter-widget .widget-title,
body.grills-dark-mode .woodmart-woocommerce-sort-by .widget-title,
body.grills-dark-mode .woodmart-price-filter .widget-title {
    color: var(--gdm-text) !important;
}

/* Shop tools (per-page, grid/list view icons, filters button) */
body.grills-dark-mode .wd-products-per-page,
body.grills-dark-mode .wd-products-per-page a {
    color: var(--gdm-text) !important;
}
body.grills-dark-mode .wd-products-shop-view .shop-view {
    color: rgba(237, 201, 175, 0.5) !important;
}
body.grills-dark-mode .wd-products-shop-view .shop-view.current-variation,
body.grills-dark-mode .wd-products-shop-view .shop-view:hover {
    color: var(--gdm-text) !important;
}
body.grills-dark-mode .wd-filter-buttons a,
body.grills-dark-mode .wd-show-sidebar-btn {
    color: var(--gdm-text) !important;
}

/* G. Single Product Page
   ========================================================================== */

/* Gallery area */
body.grills-dark-mode .product-image-summary-wrap {
    background-color: transparent !important;
}

body.grills-dark-mode .woocommerce-product-gallery {
    background-color: var(--gdm-card) !important;
    border-radius: 8px;
    padding: 10px;
}

/* Summary */
body.grills-dark-mode .entry-summary,
body.grills-dark-mode .summary {
    color: var(--gdm-text-white) !important;
}

body.grills-dark-mode .entry-summary .product_title,
body.grills-dark-mode .summary .product_title {
    color: var(--gdm-text) !important;
    text-shadow: 0 0 20px rgba(108, 124, 89, 0.3);
}

body.grills-dark-mode .entry-summary .price,
body.grills-dark-mode .summary .price {
    color: var(--gdm-text-white) !important;
}

body.grills-dark-mode .entry-summary .woocommerce-product-details__short-description,
body.grills-dark-mode .summary .woocommerce-product-details__short-description {
    color: var(--gdm-text) !important;
}

/* Add to cart button - pulsating glow */
body.grills-dark-mode .single_add_to_cart_button,
body.grills-dark-mode .entry-summary .button.add_to_cart_button {
    background-color: var(--gdm-accent) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 700;
    animation: gdm-pulse-glow 2.5s ease-in-out infinite;
}

@keyframes gdm-pulse-glow {
    0%, 100% {
        box-shadow: 0 0 0 rgba(108, 124, 89, 0.4);
    }
    50% {
        box-shadow: 0 0 20px rgba(108, 124, 89, 0.6);
    }
}

body.grills-dark-mode .single_add_to_cart_button:hover {
    background-color: var(--gdm-accent-light) !important;
    animation: none;
    box-shadow: 0 0 25px rgba(108, 124, 89, 0.7);
}

/* Quantity input */
body.grills-dark-mode .quantity .qty {
    background-color: var(--gdm-card) !important;
    color: var(--gdm-text) !important;
    border-color: var(--gdm-border) !important;
}

/* Tabs */
body.grills-dark-mode .woocommerce-tabs,
body.grills-dark-mode .wc-tabs-wrapper {
    background-color: var(--gdm-bg) !important;
}

body.grills-dark-mode .woocommerce-tabs .tabs li a,
body.grills-dark-mode .wc-tabs li a {
    color: var(--gdm-text) !important;
}

body.grills-dark-mode .woocommerce-tabs .tabs li.active a,
body.grills-dark-mode .wc-tabs li.active a {
    color: var(--gdm-accent-light) !important;
    border-bottom-color: var(--gdm-accent) !important;
}

body.grills-dark-mode .woocommerce-Tabs-panel,
body.grills-dark-mode .wc-tab {
    background-color: var(--gdm-card) !important;
    color: var(--gdm-text-white) !important;
    border-color: var(--gdm-border) !important;
}

body.grills-dark-mode .woocommerce-Tabs-panel h2,
body.grills-dark-mode .wc-tab h2 {
    color: var(--gdm-text) !important;
}

/* Product meta */
body.grills-dark-mode .product_meta,
body.grills-dark-mode .product_meta a,
body.grills-dark-mode .tagged_as a,
body.grills-dark-mode .posted_in a {
    color: var(--gdm-text) !important;
}

body.grills-dark-mode .product_meta a:hover {
    color: var(--gdm-accent-light) !important;
}

/* Additional info table */
body.grills-dark-mode .shop_attributes th,
body.grills-dark-mode .shop_attributes td {
    color: var(--gdm-text-white) !important;
    border-color: var(--gdm-border) !important;
    background-color: transparent !important;
}

body.grills-dark-mode .shop_attributes tr:nth-child(even) td {
    background-color: rgba(108, 124, 89, 0.05) !important;
}

/* H. WPBakery Guard - .txl-wrap elements keep their own styles
   Undo dark mode color overrides inside .txl-wrap without touching layout.
   No !important so WPBakery inline styles take priority.
   Higher specificity (.wd-page-wrapper .txl-wrap X) beats section L selectors.
   ========================================================================== */
body.grills-dark-mode .wd-page-wrapper .txl-wrap,
body.grills-dark-mode .wd-page-wrapper .txl-wrap div,
body.grills-dark-mode .wd-page-wrapper .txl-wrap p,
body.grills-dark-mode .wd-page-wrapper .txl-wrap span,
body.grills-dark-mode .wd-page-wrapper .txl-wrap a,
body.grills-dark-mode .wd-page-wrapper .txl-wrap li,
body.grills-dark-mode .wd-page-wrapper .txl-wrap label,
body.grills-dark-mode .wd-page-wrapper .txl-wrap h1,
body.grills-dark-mode .wd-page-wrapper .txl-wrap h2,
body.grills-dark-mode .wd-page-wrapper .txl-wrap h3,
body.grills-dark-mode .wd-page-wrapper .txl-wrap h4,
body.grills-dark-mode .wd-page-wrapper .txl-wrap h5,
body.grills-dark-mode .wd-page-wrapper .txl-wrap h6 {
    color: revert;
    background: revert;
    background-color: revert;
    border-color: revert;
}

/* H2. Restore txl-wrap own backgrounds (guard revert makes them transparent)
   The panel bg (#42464D) is narrower than txl-wrap – set both to black.
   ========================================================================== */
body.grills-dark-mode .woocommerce-Tabs-panel:has(.txl-wrap) {
    background-color: #101010 !important;
}
body.grills-dark-mode .wd-page-wrapper .txl-wrap {
    background: #101010 !important;
}

/* I. Related / Upsell Products
   ========================================================================== */
body.grills-dark-mode .related.products,
body.grills-dark-mode .up-sells,
body.grills-dark-mode .cross-sells {
    background-color: var(--gdm-bg) !important;
}

body.grills-dark-mode .related.products > h2,
body.grills-dark-mode .up-sells > h2,
body.grills-dark-mode .cross-sells > h2,
body.grills-dark-mode .related.products .title,
body.grills-dark-mode .up-sells .title,
body.grills-dark-mode .wd-products-title {
    color: var(--gdm-text) !important;
}

/* J. Footer
   ========================================================================== */
body.grills-dark-mode .footer-container,
body.grills-dark-mode .whb-footer,
body.grills-dark-mode .wd-prefooter,
body.grills-dark-mode footer.footer-container {
    background-color: var(--gdm-bg-deep) !important;
    border-top: 2px solid var(--gdm-accent) !important;
}

body.grills-dark-mode .footer-container *,
body.grills-dark-mode .whb-footer * {
    color: var(--gdm-text) !important;
}

body.grills-dark-mode .footer-container a:hover,
body.grills-dark-mode .whb-footer a:hover {
    color: var(--gdm-accent-light) !important;
}

body.grills-dark-mode .copyrights-wrapper {
    background-color: var(--gdm-bg-deep) !important;
    border-top-color: var(--gdm-border) !important;
}

/* Footer logo - Desert Sand */
body.grills-dark-mode .footer-container .wd-logo img,
body.grills-dark-mode .whb-footer .wd-logo img {
    filter: brightness(0) saturate(100%) invert(83%) sepia(14%) saturate(540%) hue-rotate(336deg) brightness(101%) contrast(89%);
}

/* Social icons in footer */
body.grills-dark-mode .wd-social-icons .wd-social-icon {
    background-color: rgba(237, 201, 175, 0.12) !important;
    border: 1px solid rgba(237, 201, 175, 0.25) !important;
    color: var(--gdm-text) !important;
    transition: all 0.3s ease !important;
}

body.grills-dark-mode .wd-social-icons .wd-social-icon:hover {
    background-color: rgba(237, 201, 175, 0.25) !important;
    border-color: var(--gdm-text) !important;
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(237, 201, 175, 0.2);
}

body.grills-dark-mode .wd-social-icons .wd-social-icon .wd-icon {
    color: var(--gdm-text) !important;
}

/* K. Ember Particles (smoke/ash style with green tint)
   ========================================================================== */
body.grills-dark-mode::after {
    content: '';
    position: fixed;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 1px;
    z-index: 9999;
    pointer-events: none;
    background: transparent;
    animation: gdm-embers-rise 10s linear infinite;
    box-shadow:
        5vw 95vh 2px 0 rgba(108, 124, 89, 0.6),
        15vw 90vh 1px 0 rgba(138, 154, 117, 0.4),
        25vw 85vh 2px 1px rgba(77, 93, 83, 0.5),
        35vw 92vh 1px 0 rgba(108, 124, 89, 0.3),
        45vw 88vh 2px 0 rgba(237, 201, 175, 0.4),
        55vw 93vh 1px 1px rgba(108, 124, 89, 0.5),
        65vw 87vh 2px 0 rgba(138, 154, 117, 0.3),
        75vw 91vh 1px 0 rgba(77, 93, 83, 0.4),
        85vw 86vh 2px 1px rgba(108, 124, 89, 0.6),
        95vw 94vh 1px 0 rgba(237, 201, 175, 0.3),
        10vw 89vh 1px 0 rgba(77, 93, 83, 0.4),
        30vw 96vh 2px 0 rgba(108, 124, 89, 0.3),
        50vw 84vh 1px 1px rgba(138, 154, 117, 0.5),
        70vw 97vh 2px 0 rgba(237, 201, 175, 0.2),
        90vw 83vh 1px 0 rgba(108, 124, 89, 0.4);
}

@keyframes gdm-embers-rise {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    70% {
        opacity: 0.6;
    }
    100% {
        transform: translateY(-95vh);
        opacity: 0;
    }
}

/* L. Misc / Global overrides
   ========================================================================== */

/* Content area general text */
body.grills-dark-mode .wd-page-wrapper p,
body.grills-dark-mode .wd-page-wrapper li,
body.grills-dark-mode .wd-page-wrapper span,
body.grills-dark-mode .wd-page-wrapper label {
    color: var(--gdm-text-white);
}

/* Headings - Desert Sand */
body.grills-dark-mode .wd-page-wrapper h1,
body.grills-dark-mode .wd-page-wrapper h2,
body.grills-dark-mode .wd-page-wrapper h3,
body.grills-dark-mode .wd-page-wrapper h4,
body.grills-dark-mode .wd-page-wrapper h5,
body.grills-dark-mode .wd-page-wrapper h6 {
    color: var(--gdm-text);
}

/* WooCommerce notices */
body.grills-dark-mode .woocommerce-message,
body.grills-dark-mode .woocommerce-info {
    background-color: var(--gdm-card) !important;
    color: var(--gdm-text-white) !important;
    border-top-color: var(--gdm-accent) !important;
}

/* Pagination */
body.grills-dark-mode .woocommerce-pagination a,
body.grills-dark-mode .woocommerce-pagination span {
    color: var(--gdm-text) !important;
    background-color: var(--gdm-card) !important;
    border-color: var(--gdm-border) !important;
}

body.grills-dark-mode .woocommerce-pagination span.current {
    background-color: var(--gdm-accent) !important;
    color: #fff !important;
    border-color: var(--gdm-accent) !important;
}

/* Result count + ordering */
body.grills-dark-mode .woocommerce-result-count,
body.grills-dark-mode .woocommerce-ordering select {
    color: var(--gdm-text) !important;
    background-color: var(--gdm-card) !important;
    border-color: var(--gdm-border) !important;
}

/* Sale badge - Reseda Green */
body.grills-dark-mode .onsale,
body.grills-dark-mode .product-label {
    background-color: var(--gdm-accent) !important;
    color: #fff !important;
}

/* M. Mobile adjustments
   ========================================================================== */
@media (max-width: 768px) {
    body.grills-dark-mode .whb-header .wd-burger-icon .wd-line-text,
    body.grills-dark-mode .whb-header .wd-burger-icon .wd-line {
        color: var(--gdm-text) !important;
        background-color: var(--gdm-text) !important;
    }

    body.grills-dark-mode::after {
        animation-duration: 12s;
    }
}

/* N. Override remaining #66023C (WoodMart primary) → #EDC9AF
   CSS variables handle most cases, these catch inline !important rules
   ========================================================================== */
body.grills-dark-mode .wd-accordion-title-text {
    color: #EDC9AF !important;
    border-color: #EDC9AF !important;
}

body.grills-dark-mode .wd-cart-number,
body.grills-dark-mode .wd-tools-count {
    background-color: #EDC9AF !important;
    color: var(--gdm-bg-deep) !important;
}

body.grills-dark-mode input.submit,
body.grills-dark-mode .btn-accent,
body.grills-dark-mode .btn-shop {
    background-color: #EDC9AF !important;
    color: var(--gdm-bg-deep) !important;
}

body.grills-dark-mode .wd-hb {
    background-color: var(--gdm-bg-deep) !important;
}

/* O. Pellet Product Descriptions
   ========================================================================== */
body.grills-dark-mode .pel-wrap {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: var(--gdm-text-white);
}

body.grills-dark-mode .pel-hero {
    background: var(--gdm-bg-deep);
    padding: 45px 30px;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 30px;
}

body.grills-dark-mode .pel-badge {
    display: inline-block;
    background: var(--gdm-accent);
    color: #fff;
    padding: 5px 16px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 16px;
    border-radius: 3px;
}

body.grills-dark-mode .pel-title {
    font-size: 26px;
    margin: 0 0 16px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--gdm-text) !important;
}

body.grills-dark-mode .pel-divider {
    width: 50px;
    height: 3px;
    background: var(--gdm-accent);
    margin: 0 auto 18px;
}

body.grills-dark-mode .pel-desc {
    font-size: 15px;
    line-height: 1.7;
    max-width: 650px;
    margin: 0 auto;
    color: rgba(255,255,255,0.85) !important;
}

body.grills-dark-mode .pel-body {
    padding: 0 10px;
}

body.grills-dark-mode .pel-section {
    margin-bottom: 30px;
}

body.grills-dark-mode .pel-heading {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 16px !important;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--gdm-accent);
    color: var(--gdm-text) !important;
}

body.grills-dark-mode .pel-feat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}

body.grills-dark-mode .pel-feat-item {
    background: var(--gdm-card);
    padding: 12px 14px;
    border-left: 3px solid var(--gdm-accent);
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--gdm-text-white) !important;
    display: flex;
    align-items: center;
    gap: 8px;
}

body.grills-dark-mode .pel-feat-icon {
    color: var(--gdm-accent-light);
    font-weight: bold;
    flex-shrink: 0;
}

body.grills-dark-mode .pel-pairs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body.grills-dark-mode .pel-pair-tag {
    background: var(--gdm-accent-dark);
    color: var(--gdm-text-white) !important;
    padding: 8px 18px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    border: 1px solid var(--gdm-accent);
}

body.grills-dark-mode .pel-specs {
    width: 100%;
    border-collapse: collapse;
}

body.grills-dark-mode .pel-specs tr {
    border-bottom: 1px solid var(--gdm-border);
}

body.grills-dark-mode .pel-specs td {
    padding: 12px 15px;
}

body.grills-dark-mode .pel-spec-label {
    font-weight: 600;
    color: var(--gdm-text) !important;
    width: 35%;
}

body.grills-dark-mode .pel-spec-val {
    color: var(--gdm-text-white) !important;
}

body.grills-dark-mode .pel-fsc {
    background: rgba(108, 124, 89, 0.15);
    border: 1px solid var(--gdm-accent);
    padding: 16px 20px;
    border-radius: 8px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
}

body.grills-dark-mode .pel-fsc-icon {
    font-size: 20px;
    flex-shrink: 0;
}

body.grills-dark-mode .pel-fsc-text {
    font-size: 14px;
    color: var(--gdm-text-white) !important;
    line-height: 1.5;
}

body.grills-dark-mode .pel-fsc-text strong {
    color: var(--gdm-accent-light) !important;
}

@media (max-width: 768px) {
    body.grills-dark-mode .pel-hero {
        padding: 30px 20px;
    }
    body.grills-dark-mode .pel-title {
        font-size: 20px;
    }
    body.grills-dark-mode .pel-feat-grid {
        grid-template-columns: 1fr;
    }
}

/* P. Traeger Landing Page (/traeger)
   ========================================================================== */

/* Fix intro section: make it dark instead of light beige */
body.grills-dark-mode .traeger-intro {
    background-color: var(--gdm-bg) !important;
}

body.grills-dark-mode .traeger-intro h2 {
    color: var(--gdm-text) !important;
}

body.grills-dark-mode .traeger-intro-lead {
    color: rgba(255, 255, 255, 0.8) !important;
}

body.grills-dark-mode .traeger-prelabel {
    color: var(--gdm-accent-light) !important;
}

/* Benefit cards - creative dark glass effect */
body.grills-dark-mode .traeger-benefits {
    gap: 20px;
}

body.grills-dark-mode .traeger-benefit {
    background: linear-gradient(145deg, rgba(66, 70, 77, 0.9), rgba(54, 57, 62, 0.95)) !important;
    border: 1px solid rgba(237, 201, 175, 0.15) !important;
    border-radius: 16px !important;
    padding: 40px 30px !important;
    position: relative;
    overflow: hidden;
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

body.grills-dark-mode .traeger-benefit::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--gdm-text), transparent);
    opacity: 0;
    transition: opacity 0.4s ease;
}

body.grills-dark-mode .traeger-benefit:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), 0 0 30px rgba(237, 201, 175, 0.08) !important;
    border-color: rgba(237, 201, 175, 0.35) !important;
}

body.grills-dark-mode .traeger-benefit:hover::before {
    opacity: 1;
}

body.grills-dark-mode .traeger-benefit-icon {
    color: var(--gdm-text) !important;
    font-size: 36px !important;
    margin-bottom: 16px;
    filter: drop-shadow(0 0 8px rgba(237, 201, 175, 0.3));
    transition: transform 0.4s ease, filter 0.4s ease !important;
}

body.grills-dark-mode .traeger-benefit:hover .traeger-benefit-icon {
    transform: scale(1.15);
    filter: drop-shadow(0 0 14px rgba(237, 201, 175, 0.5));
}

body.grills-dark-mode .traeger-benefit h3 {
    color: var(--gdm-text) !important;
    font-size: 18px !important;
    margin-bottom: 10px;
}

body.grills-dark-mode .traeger-benefit p {
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 14px;
    line-height: 1.6;
}

/* Other traeger sections (dark bg) - default dark mode text */
body.grills-dark-mode .traeger-section {
    color: var(--gdm-text-white) !important;
}

body.grills-dark-mode .traeger-section h2,
body.grills-dark-mode .traeger-section h3 {
    color: var(--gdm-text) !important;
}

body.grills-dark-mode .traeger-section p {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Q. Light-bg sections: .traeger-tech & .traeger-products
   Keep light background, override text to readable dark colors
   ========================================================================== */
body.grills-dark-mode .traeger-tech,
body.grills-dark-mode .traeger-products {
    background-color: rgb(247, 243, 238) !important;
    color: #3a3a3a !important;
}

body.grills-dark-mode .traeger-tech h2,
body.grills-dark-mode .traeger-products h2 {
    color: #2c2c2c !important;
}

body.grills-dark-mode .traeger-tech .traeger-prelabel,
body.grills-dark-mode .traeger-products .traeger-prelabel {
    color: #D35400 !important;
}

body.grills-dark-mode .traeger-tech p,
body.grills-dark-mode .traeger-products p,
body.grills-dark-mode .traeger-products-intro {
    color: #4a4a4a !important;
}

body.grills-dark-mode .traeger-tech-content h3,
body.grills-dark-mode .traeger-product-row-content h3 {
    color: #2c2c2c !important;
}

body.grills-dark-mode .traeger-tech-content p,
body.grills-dark-mode .traeger-product-row-content p {
    color: #555 !important;
}

/* Tech feature labels/lists */
body.grills-dark-mode .traeger-tech-features,
body.grills-dark-mode .traeger-tech-features li {
    color: #4a4a4a !important;
}

body.grills-dark-mode .traeger-tech-features li::before {
    color: #D35400 !important;
}

/* Feature lists in product rows */
body.grills-dark-mode .traeger-product-row-content ul li {
    color: #4a4a4a !important;
}

body.grills-dark-mode .traeger-product-row-content ul li::before {
    color: #D35400 !important;
}

/* Links/buttons in light sections */
body.grills-dark-mode .traeger-tech a:not(.traeger-btn),
body.grills-dark-mode .traeger-products a:not(.traeger-btn) {
    color: #D35400 !important;
}

body.grills-dark-mode .traeger-tech a:not(.traeger-btn):hover,
body.grills-dark-mode .traeger-products a:not(.traeger-btn):hover {
    color: #E67E22 !important;
}

/* CTA buttons in light sections - white text on orange bg */
body.grills-dark-mode .traeger-tech .traeger-btn,
body.grills-dark-mode .traeger-products .traeger-btn {
    color: #fff !important;
}

/* R. Creative photo effects for tech & product images
   ========================================================================== */

/* Shared image container styles */
body.grills-dark-mode .traeger-tech-image,
body.grills-dark-mode .traeger-product-row-image {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s ease;
}

body.grills-dark-mode .traeger-tech-image:hover,
body.grills-dark-mode .traeger-product-row-image:hover {
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2), 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* Image zoom on hover */
body.grills-dark-mode .traeger-tech-image img,
body.grills-dark-mode .traeger-product-row-image img {
    border-radius: 16px;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.6s ease;
    will-change: transform;
}

body.grills-dark-mode .traeger-tech-image:hover img,
body.grills-dark-mode .traeger-product-row-image:hover img {
    transform: scale(1.08);
}

/* Warm gradient overlay on images */
body.grills-dark-mode .traeger-tech-image::after,
body.grills-dark-mode .traeger-product-row-image::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    background: linear-gradient(
        160deg,
        rgba(211, 84, 0, 0.08) 0%,
        transparent 40%,
        transparent 60%,
        rgba(44, 44, 44, 0.1) 100%
    );
    pointer-events: none;
    transition: opacity 0.5s ease;
    opacity: 0;
}

body.grills-dark-mode .traeger-tech-image:hover::after,
body.grills-dark-mode .traeger-product-row-image:hover::after {
    opacity: 1;
}

/* Alternating tilt on odd/even tech items */
body.grills-dark-mode .traeger-tech-item:nth-child(odd) .traeger-tech-image {
    transform: rotate(-1deg);
}

body.grills-dark-mode .traeger-tech-item:nth-child(odd) .traeger-tech-image:hover {
    transform: rotate(0deg) translateY(-6px) scale(1.02);
}

body.grills-dark-mode .traeger-tech-item:nth-child(even) .traeger-tech-image {
    transform: rotate(1deg);
}

body.grills-dark-mode .traeger-tech-item:nth-child(even) .traeger-tech-image:hover {
    transform: rotate(0deg) translateY(-6px) scale(1.02);
}

/* Product row alternating tilt */
body.grills-dark-mode .traeger-product-row:nth-child(odd) .traeger-product-row-image {
    transform: rotate(-1deg);
}

body.grills-dark-mode .traeger-product-row:nth-child(odd) .traeger-product-row-image:hover {
    transform: rotate(0deg) translateY(-6px) scale(1.02);
}

body.grills-dark-mode .traeger-product-row:nth-child(even) .traeger-product-row-image {
    transform: rotate(1deg);
}

body.grills-dark-mode .traeger-product-row:nth-child(even) .traeger-product-row-image:hover {
    transform: rotate(0deg) translateY(-6px) scale(1.02);
}

/* Decorative accent line on image containers */
body.grills-dark-mode .traeger-tech-image::before,
body.grills-dark-mode .traeger-product-row-image::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #D35400, #E67E22, #D35400);
    z-index: 2;
    transform: scaleX(0);
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-radius: 0 0 16px 16px;
}

body.grills-dark-mode .traeger-tech-image:hover::before,
body.grills-dark-mode .traeger-product-row-image:hover::before {
    transform: scaleX(1);
}