/* 
 * NIGERIA INDEPENDENCE DAY THEME - TEMPORARY OVERRIDE
 * 
 * This file temporarily changes the site colors from orange to Nigeria flag colors (green-white-green)
 * for Independence Day celebration.
 * 
 * CREATED: September 30, 2024
 * REMOVE AFTER: October 3-4, 2024
 * 
 * ⚠️  IMPORTANT: THIS IS A TEMPORARY THEME FOR NIGERIA'S 64TH INDEPENDENCE DAY ⚠️
 * 
 * 🗓️  REMOVAL DEADLINE: October 4, 2024
 * 📋  REVERSAL GUIDE: See /REVERSAL_INSTRUCTIONS_NIGERIA_THEME.md
 * 
 * TO REVERSE THESE CHANGES:
 * 1. Remove this CSS file: /static/css/nigeria-independence-theme.css
 * 2. Remove the link tag from base.html (line that includes this file)
 * 3. The site will automatically revert to the original orange theme
 * 
 * ORIGINAL COLORS BEING OVERRIDDEN:
 * --cz-primary: #f55266 (pink/red) 
 * --cz-warning: #fc9231 (orange)
 * --cz-success: #33b36b (green - keeping this)
 * --cz-info: #2f6ed5 (blue)
 * 
 * NIGERIA FLAG COLORS:
 * Green: #008751 (main green)
 * White: #ffffff (white stripes)
 * Darker Green: #006b3f (for hovers/emphasis)
 */

:root, [data-bs-theme=light] {
    /* Primary color changed from pink/red to Nigeria green */
    --cz-primary: #008751 !important;
    --cz-primary-rgb: 0, 135, 81 !important;
    
    /* Warning color changed from orange to Nigeria green */
    --cz-warning: #008751 !important;
    --cz-warning-rgb: 0, 135, 81 !important;
    
    /* Info color changed to darker Nigeria green */
    --cz-info: #006b3f !important;
    --cz-info-rgb: 0, 107, 63 !important;
    
    /* Update all the emphasis colors */
    --cz-primary-text-emphasis: #006b3f !important;
    --cz-warning-text-emphasis: #006b3f !important;
    --cz-info-text-emphasis: #004a2c !important;
    
    /* Update all the background subtle colors */
    --cz-primary-bg-subtle: #e8f5f0 !important;
    --cz-warning-bg-subtle: #e8f5f0 !important;
    --cz-info-bg-subtle: #e0f0e6 !important;
    
    /* Update all the border subtle colors */
    --cz-primary-border-subtle: #b3e0cc !important;
    --cz-warning-border-subtle: #b3e0cc !important;
    --cz-info-border-subtle: #99d6b3 !important;
    
    /* Update link colors */
    --cz-link-color: #008751 !important;
    --cz-link-hover-color: #006b3f !important;
    --cz-link-color-rgb: 0, 135, 81 !important;
    --cz-link-hover-color-rgb: 0, 107, 63 !important;
}

/* Dark theme overrides */
[data-bs-theme=dark] {
    --cz-primary-text-emphasis: #33b36b !important;
    --cz-warning-text-emphasis: #33b36b !important;
    --cz-info-text-emphasis: #40c978 !important;
    
    --cz-primary-bg-subtle: #1a2f25 !important;
    --cz-warning-bg-subtle: #1a2f25 !important;
    --cz-info-bg-subtle: #1a3529 !important;
    
    --cz-primary-border-subtle: #2a4a35 !important;
    --cz-warning-border-subtle: #2a4a35 !important;
    --cz-info-border-subtle: #2a5039 !important;
    
    --cz-link-color: #40c978 !important;
    --cz-link-hover-color: #33b36b !important;
    --cz-link-color-rgb: 64, 201, 120 !important;
    --cz-link-hover-color-rgb: 51, 179, 107 !important;
}

/* Specific button overrides */
.btn-warning {
    background-color: #008751 !important;
    border-color: #008751 !important;
    color: #ffffff !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background-color: #006b3f !important;
    border-color: #006b3f !important;
    color: #ffffff !important;
}

.btn-outline-warning {
    color: #008751 !important;
    border-color: #008751 !important;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active {
    background-color: #008751 !important;
    border-color: #008751 !important;
    color: #ffffff !important;
}

/* Primary button overrides */
.btn-primary {
    background-color: #008751 !important;
    border-color: #008751 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #006b3f !important;
    border-color: #006b3f !important;
}

.btn-outline-primary {
    color: #008751 !important;
    border-color: #008751 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #008751 !important;
    border-color: #008751 !important;
    color: #ffffff !important;
}

/* Navbar and header overrides */
.navbar-warning,
.bg-warning {
    background-color: #008751 !important;
    color: #ffffff !important;
}

.text-warning {
    color: #008751 !important;
}

.text-primary {
    color: #008751 !important;
}

/* Alert overrides */
.alert-warning {
    background-color: #e8f5f0 !important;
    border-color: #b3e0cc !important;
    color: #006b3f !important;
}

.alert-primary {
    background-color: #e8f5f0 !important;
    border-color: #b3e0cc !important;
    color: #006b3f !important;
}

/* Badge overrides */
.badge.bg-warning,
.badge.bg-primary {
    background-color: #008751 !important;
    color: #ffffff !important;
}

/* Border overrides */
.border-warning {
    border-color: #008751 !important;
}

.border-primary {
    border-color: #008751 !important;
}

/* Progress bar overrides */
.progress-bar,
.progress-bar-warning {
    background-color: #008751 !important;
}

/* Form control focus overrides */
.form-control:focus,
.form-select:focus {
    border-color: #008751 !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 135, 81, 0.25) !important;
}

/* Link overrides */
a {
    color: #008751 !important;
}

a:hover {
    color: #006b3f !important;
}

/* Toast overrides */
.toast-header .btn-close {
    filter: brightness(0) invert(1);
}

/* Special Independence Day banner styles */
.nigeria-independence-banner {
    /* Use a solid green background with white text for better readability */
    background: #008751 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-align: center !important;
    padding: 0.75rem !important;
    margin-bottom: 0 !important;
    font-size: 0.95rem !important;
    letter-spacing: 0.5px !important;
    border-bottom: 3px solid #ffffff !important; /* White border to represent flag stripes */
    border-top: 3px solid #ffffff !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Alternative: Add flag pattern as a subtle background overlay */
.nigeria-independence-banner::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, 
        transparent 0%, transparent 30%, 
        rgba(255,255,255,0.1) 30%, rgba(255,255,255,0.1) 70%, 
        transparent 70%, transparent 100%) !important;
    pointer-events: none;
}

/* Cart and product specific overrides */
.price-text,
.product-price {
    color: #008751 !important;
}

/* Cartzilla icon colors */
.ci-star-filled {
    color: #008751 !important;
}

/* List group overrides */
.list-group-item.active {
    background-color: #008751 !important;
    border-color: #008751 !important;
}

/* Special celebration text */
.independence-text {
    color: #008751 !important;
    font-weight: 600 !important;
}

/* Navigation menu consistency fixes */
/* Make sure all top navigation items are white on the black navbar */
.navbar.bg-black .nav-link {
    color: #ffffff !important;
}

.navbar.bg-black .nav-link:hover,
.navbar.bg-black .nav-link:focus {
    color: #f0f0f0 !important;
}

/* Keep the text-light class working properly */
.navbar.bg-black .text-light {
    color: #ffffff !important;
}

/* Ensure dropdown links in the black navbar are white */
.navbar.bg-black .dropdown-menu .dropdown-item {
    color: #333333 !important;
}

.navbar.bg-black .dropdown-menu .dropdown-item:hover {
    background-color: #008751 !important;
    color: #ffffff !important;
}

/* Override any green links in the black navigation bar */
.navbar.bg-black a {
    color: #ffffff !important;
}

.navbar.bg-black a:hover {
    color: #f0f0f0 !important;
}