/**
 * Holiday Color Scheme Override
 * Active: December 3 - December 31, 2025
 * Simple color updates for menu bar, footer, and copyright
 * 
 * Colors:
 * - Menu Bar: #485728 (Olive Green)
 * - Footer Links: #485728 (Olive Green)
 * - Copyright: #b3300c (Dark Red)
 */

/* Menu Bar Header Background - Olive Green (#485728) with Gradient */
.header-topbar-promo,
.header-topbar-promo-mobile {
    background: linear-gradient(90deg, #485728 0%, #b3300c 50%, #485728 100%) !important;
    background-size: 200% 100% !important;
}

/* Pull-right section (Retailers/Sign In) - transparent to show gradient */
.header-topbar-promo .pull-right {
    background: transparent !important;
}

/* Make sure the col-lg-2 container also has matching background */
.header-topbar-promo .col-lg-2 {
    background: transparent !important;
}

/* Divider line between marquee and right section */
.header-topbar-promo .pull-right::before {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

/* Main header navigation bar - Olive Green */
.header-main,
.header-main.me_sticky {
    background-color: #485728 !important;
    background: #485728 !important;
}

/* Ensure mobile header-main also has olive green */
@media (max-width: 1024px) {
    .header-main,
    .header-main.me_sticky {
        background-color: #485728 !important;
        background: #485728 !important;
    }
}

/* Mobile menu navigation - Olive Green */
.mobile-menu_nav {
    background-color: #485728 !important;
    background: #485728 !important;
}

.mobile-menu {
    background-color: #485728 !important;
    background: #485728 !important;
}

/* Mega menu dropdown - Christmas gradient */
.mega-menu {
    background: linear-gradient(135deg, #485728 0%, #b3300c 100%) !important;
}

/* Mega menu text colors */
.mega-menu * {
    color: #ffffff !important;
}

.mega-menu a {
    color: #ffffff !important;
}

.mega-menu a:hover {
    color: #f0f0f0 !important;
    opacity: 0.9;
}

/* Marquee wrapper with gradient effect - Olive Green to Red */
.marquee-wrapper {
    background: linear-gradient(90deg, #485728 0%, #b3300c 50%, #485728 100%) !important;
    background-size: 200% 100% !important;
}

/* Footer Links Section Background - Olive Green (#485728) */
.site-fooeter {
    background-color: #485728 !important;
    background: #485728 !important;
}

.site-fooeter .usefull-link {
    background-color: transparent !important;
}

/* Mobile Footer */
.menu-bg-footer {
    background-color: #485728 !important;
    background: #485728 !important;
}

/* Footer Copyright Background - Dark Red (#b3300c) */
.copy-right {
    background-color: #b3300c !important;
    background: #b3300c !important;
}

/* Ensure text remains visible on dark backgrounds */
.header-topbar-promo,
.header-topbar-promo *,
.header-topbar-promo-mobile,
.header-topbar-promo-mobile * {
    color: #ffffff !important;
}

/* Retailers and Sign In links styling */
.header-topbar-promo .pull-right ul li a {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4) !important;
}

.header-topbar-promo .pull-right ul li a:hover {
    color: #f0f0f0 !important;
    opacity: 0.9 !important;
}

.site-fooeter,
.site-fooeter *,
.menu-bg-footer,
.menu-bg-footer * {
    color: #ffffff !important;
}

.site-fooeter a,
.menu-bg-footer a {
    color: #ffffff !important;
}

.site-fooeter a:hover,
.menu-bg-footer a:hover {
    color: #f0f0f0 !important;
    opacity: 0.9;
}

.copy-right,
.copy-right * {
    color: #ffffff !important;
}

.copy-right a {
    color: #ffffff !important;
}

.copy-right a:hover {
    color: #f0f0f0 !important;
}

/* ==========================================================================
   WHY CHOOSE SECTION - Christmas Theme
   ========================================================================== */

/* Main section background - Festive Light Green */


/* Main container with four boxes - Christmas Red & Green gradient */
.new-index-block {
    background: linear-gradient(135deg, #b3300c 0%, #8b0000 25%, #2d5016 75%, #485728 100%) !important;
    border-radius: 12px !important;
    padding: 30px !important;
    box-shadow: 0 8px 24px rgba(179, 48, 12, 0.3) !important;
}

/* Force white text color for all elements in new-index-block */
.new-index-block,
.new-index-block *,
.new-index-block h3,
.new-index-block p,
.new-index-block ul,
.new-index-block ul li,
.new-index-block a {
    color: #ffffff !important;
}

.new-index-block a {
    text-decoration: none !important;
}

.new-index-block a:hover {
    text-decoration: none !important;
    color: #f0f0f0 !important;
}

/* Mobile specific - ensure text is white and readable */
@media (max-width: 991px) {
    .new-index-block,
    .new-index-block *,
    .new-index-block h3,
    .new-index-block p,
    .new-index-block ul,
    .new-index-block ul li,
    .new-index-block a {
        color: #ffffff !important;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    }
}