/* ====================================
   WORLD CUP 2026 THEME FOR POLLOS STEVE
   ==================================== */

:root {
    --mundial-green: #006633;
    --mundial-red: #cc0000;
    --mundial-gold: #ffd700;
    --mundial-white: #ffffff;
    --steve-orange: #b2542c;
    --steve-light-orange: #d4653b;
}

/* ====================================
   SOCCER BALL ANIMATION
   ==================================== */
.mundial-ball {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    pointer-events: auto;
    cursor: pointer;
    width: 52px;
    height: 52px;
    will-change: transform;
}

/* ====================================
   WORLD CUP DECORATIONS
   ==================================== */

/* Override primary brand colors with World Cup theme */
.header-cta-bar {
    background: linear-gradient(45deg, var(--mundial-green), var(--mundial-red)) !important;
}

.hero-launch-date {
    background: linear-gradient(45deg, var(--mundial-green), var(--mundial-red)) !important;
    box-shadow: 0 8px 25px rgba(0, 102, 51, 0.45) !important;
}

.hero-accent-line {
    background: linear-gradient(90deg, transparent, var(--mundial-gold), transparent) !important;
}

.admin-ribbon {
    background: linear-gradient(135deg, var(--mundial-green) 0%, var(--mundial-red) 100%) !important;
    box-shadow: 0 4px 15px rgba(0, 102, 51, 0.4) !important;
}

/* Cart icon color */
#cartSidebarToggle i {
    color: var(--mundial-gold) !important;
}

/* Generic button and brand overrides */
.btn-primary,
.btn-steve-cart,
.tracking-button {
    background: linear-gradient(45deg, var(--mundial-green), var(--mundial-red)) !important;
    border-color: var(--mundial-green) !important;
    color: var(--mundial-white) !important;
}

/* Override elements that use the brand orange hex */
[style*="color: #b2542c"],
[style*="color:#b2542c"] {
    color: var(--mundial-green) !important;
}

[style*="filter: drop-shadow(0 0 15px rgba(212, 101, 59, 0.4))"] {
    filter: drop-shadow(0 0 15px rgba(0, 102, 51, 0.4)) !important;
}

[style*="background: #b2542c"],
[style*="background:#b2542c"],
[style*="background-color: #b2542c"],
[style*="background-color:#b2542c"] {
    background-color: var(--mundial-green) !important;
}

[style*="border-color: #b2542c"],
[style*="border-top: 3px solid #b2542c"],
[style*="border-top: 4px solid #b2542c"],
[style*="border-left: 4px solid #b2542c"] {
    border-color: var(--mundial-gold) !important;
}

[style*="background: linear-gradient(135deg, #b2542c"],
[style*="background: linear-gradient(45deg, #b2542c"],
[style*="background: linear-gradient(135deg, #b2542c, #d4653b)"] {
    background: linear-gradient(45deg, var(--mundial-green), var(--mundial-red)) !important;
}

/* Specific component overrides */
.hero-preorder-banner {
    border-color: var(--mundial-gold) !important;
    color: var(--mundial-green) !important;
}

.marination-info {
    border-left-color: var(--mundial-gold) !important;
}

.menu-nav-item.active {
    background-color: var(--mundial-green) !important;
    border-left-color: var(--mundial-gold) !important;
}

.menu-nav-item:hover {
    color: var(--mundial-green) !important;
    border-left-color: var(--mundial-red) !important;
}

/* Personalize button - ensure white text when background is overridden */
[data-bs-target="#optionalProductsCollapse"] {
    color: var(--mundial-white) !important;
}