/* Force Override Bootstrap - Vibrant Colors */
/* This file ensures vibrant colors override Bootstrap defaults - Loads AFTER Bootstrap */

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

body {
    /* Natural forest background with subtle gradient overlay */
    background-image: 
        linear-gradient(135deg, rgba(26, 48, 9, 0.3) 0%, rgba(45, 80, 22, 0.25) 50%, rgba(74, 124, 42, 0.2) 100%),
        url('https://images.unsplash.com/photo-1441974231531-c6227db76b6e?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80') !important;
    background-color: #1A3009 !important;
    background-size: cover, cover !important;
    background-position: center center, center center !important;
    background-attachment: fixed, fixed !important;
    background-repeat: no-repeat, no-repeat !important;
}

/* Grey overlay for text readability - 5% opacity */
body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(128, 128, 128, 0.05) 0%, rgba(128, 128, 128, 0.05) 50%, rgba(128, 128, 128, 0.05) 100%);
    z-index: -1;
    pointer-events: none;
}

.navbar, .navbar-dark {
    background: linear-gradient(135deg, #1A3009 0%, #2D5016 20%, #4A7C2A 40%, #6B8E23 60%, #87A96B 80%, #A8C97F 100%) !important;
    background-color: #2D5016 !important;
}

.hero-section {
    background-image: 
        linear-gradient(135deg, rgba(26, 48, 9, 0.7) 0%, rgba(45, 80, 22, 0.65) 25%, rgba(74, 124, 42, 0.6) 50%, rgba(107, 142, 35, 0.55) 75%, rgba(135, 169, 107, 0.5) 100%),
        url('https://images.unsplash.com/photo-1441974231531-c6227db76b6e?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80') !important;
    background-size: cover, cover !important;
    background-position: center center, center center !important;
    background-attachment: fixed, fixed !important;
}

.card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.95) 40%, rgba(250, 252, 248, 0.92) 70%, rgba(245, 249, 240, 0.9) 100%) !important;
    border: 3px solid rgba(45, 80, 22, 0.4) !important;
}

.bg-light, .bg-light.py-5, section.bg-light {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.94) 40%, rgba(250, 252, 248, 0.92) 80%, rgba(245, 249, 240, 0.9) 100%) !important;
}

/* Exclude footer from white bg-light background */
footer.bg-light,
.gov-footer.bg-light,
footer.gov-footer.bg-light {
    background: linear-gradient(135deg, #1A3009 0%, #2D5016 25%, #4A7C2A 50%, #2D5016 75%, #1A3009 100%) !important;
    background-color: #1A3009 !important;
    background-image: none !important;
}

/* Ensure footer always has dark green background - override any white backgrounds */
.gov-footer,
footer.gov-footer,
footer.gov-footer.bg-light,
.gov-footer.bg-light,
footer,
footer.bg-light {
    background: linear-gradient(135deg, #1A3009 0%, #2D5016 25%, #4A7C2A 50%, #2D5016 75%, #1A3009 100%) !important;
    background-color: #1A3009 !important;
    background-image: none !important;
    color: #FFFFFF !important;
}

.gov-footer *,
footer.gov-footer *,
footer *,
.gov-footer h5,
.gov-footer h6,
.gov-footer p,
.gov-footer li,
.gov-footer a,
.gov-footer ul,
.gov-footer ul li,
.gov-footer ul li a,
.gov-footer span,
.gov-footer i,
footer h5,
footer h6,
footer p,
footer li,
footer a,
footer ul,
footer ul li,
footer ul li a {
    color: #FFFFFF !important;
}

/* Ensure animations are visible */
* {
    animation-fill-mode: both !important;
}

/* Force vibrant green colors on all elements */
.btn-primary, .btn-primary:hover, .btn-primary:focus {
    background: linear-gradient(135deg, #1A3009 0%, #2D5016 20%, #4A7C2A 40%, #6B8E23 60%, #87A96B 80%, #A8C97F 100%) !important;
    box-shadow: 0 4px 15px rgba(45, 80, 22, 0.4) !important;
    border: none !important;
    color: #FFFFFF !important;
}

/* Ensure all cards have vibrant green backgrounds with better contrast */
.card, .card-body {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.95) 40%, rgba(250, 252, 248, 0.92) 70%, rgba(245, 249, 240, 0.9) 100%) !important;
    border: 3px solid rgba(45, 80, 22, 0.4) !important;
}

.bg-light, .bg-light.py-5, section.bg-light {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.94) 40%, rgba(250, 252, 248, 0.92) 80%, rgba(245, 249, 240, 0.9) 100%) !important;
}

/* Force vibrant green navbar */
.navbar, .navbar-dark, .navbar.navbar-dark {
    background: linear-gradient(135deg, #1A3009 0%, #2D5016 20%, #4A7C2A 40%, #6B8E23 60%, #87A96B 80%, #A8C97F 100%) !important;
    background-color: #2D5016 !important;
}

/* Ensure hero section uses natural background with gradient overlay */
.hero-section, section.hero-section {
    background-image: 
        linear-gradient(135deg, rgba(26, 48, 9, 0.7) 0%, rgba(45, 80, 22, 0.65) 25%, rgba(74, 124, 42, 0.6) 50%, rgba(107, 142, 35, 0.55) 75%, rgba(135, 169, 107, 0.5) 100%),
        url('https://images.unsplash.com/photo-1441974231531-c6227db76b6e?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80') !important;
    background-size: cover, cover !important;
    background-position: center center, center center !important;
    background-attachment: fixed, fixed !important;
}