/* Slider Mobile Green Background */

/* Desktop - No changes, keep original gradient/image */
@media (min-width: 769px) {
    .hero-slide {
        /* Keep original background from inline style */
    }
}

/* Mobile - Green Military Background - FORCE OVERRIDE */
@media (max-width: 768px) {
    /* Force green background on all slides */
    .hero-slider,
    .hero-slider .heroSwiper,
    .hero-slider .swiper-wrapper,
    .hero-slider .swiper-slide,
    .hero-slide {
        background: linear-gradient(135deg, #2d5016 0%, #1a2f0a 100%) !important;
    }
    
    /* Remove any white/transparent backgrounds */
    .hero-slider {
        background-color: #2d5016 !important;
    }
    
    /* Hide background image on mobile */
    .hero-background-image {
        display: none !important;
        opacity: 0 !important;
    }
    
    /* Ensure video background is hidden on mobile */
    .hero-video-background-global {
        display: none !important;
        opacity: 0 !important;
    }
    
    /* Force container background */
    .hero-slide .container {
        background: transparent !important;
    }
    
    /* Adjust text color for better contrast on green background */
    .hero-slide .hero-content h1,
    .hero-slide .hero-content .lead,
    .hero-slide .hero-content p {
        color: #ffffff !important;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
    }
    
    /* Adjust badge colors for better visibility */
    .hero-slide .badge {
        background: rgba(212, 175, 55, 0.95) !important;
        color: #1a2f0a !important;
        border: 2px solid #d4af37 !important;
        font-weight: 700 !important;
    }
    
    /* Adjust button styles */
    .hero-slide .btn-light {
        background: linear-gradient(135deg, #d4af37 0%, #c9a02c 100%) !important;
        color: #1a2f0a !important;
        border: 2px solid #d4af37 !important;
        font-weight: 700 !important;
    }
    
    .hero-slide .btn-light:hover {
        background: linear-gradient(135deg, #c9a02c 0%, #b8941f 100%) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5) !important;
    }
    
    /* Add subtle pattern overlay for texture */
    .hero-slide::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(135deg, #2d5016 0%, #1a2f0a 100%);
        background-image: 
            repeating-linear-gradient(
                45deg,
                transparent,
                transparent 10px,
                rgba(255, 255, 255, 0.02) 10px,
                rgba(255, 255, 255, 0.02) 20px
            );
        z-index: 1;
        pointer-events: none;
    }
    
    /* Ensure content is above pattern */
    .hero-slide .container {
        position: relative;
        z-index: 10;
    }
    
    /* Adjust animated shapes for green theme */
    .animated-shapes .shape {
        background: rgba(212, 175, 55, 0.1) !important;
        border: 2px solid rgba(212, 175, 55, 0.2) !important;
    }
    
    /* Image decorations adjustment */
    .hero-image .image-decoration {
        background: rgba(212, 175, 55, 0.2) !important;
        border: 3px solid rgba(212, 175, 55, 0.3) !important;
    }
    
    /* Force remove any white backgrounds */
    .hero-slider * {
        background-color: transparent;
    }
    
    .hero-slider,
    .hero-slider .heroSwiper,
    .hero-slider .swiper-wrapper,
    .hero-slider .swiper-slide {
        background-color: #2d5016 !important;
    }
}

/* Tablet - Lighter green */
@media (min-width: 577px) and (max-width: 768px) {
    .hero-slider,
    .hero-slider .heroSwiper,
    .hero-slider .swiper-wrapper,
    .hero-slider .swiper-slide,
    .hero-slide {
        background: linear-gradient(135deg, #3a6b1e 0%, #2d5016 100%) !important;
    }
    
    .hero-slide::before {
        background: linear-gradient(135deg, #3a6b1e 0%, #2d5016 100%);
    }
}

/* Small Mobile - Darker green for better contrast */
@media (max-width: 576px) {
    .hero-slider,
    .hero-slider .heroSwiper,
    .hero-slider .swiper-wrapper,
    .hero-slider .swiper-slide,
    .hero-slide {
        background: linear-gradient(135deg, #1a2f0a 0%, #0f1a06 100%) !important;
    }
    
    .hero-slide::before {
        background: linear-gradient(135deg, #1a2f0a 0%, #0f1a06 100%);
    }
    
    /* Increase text shadow for better readability */
    .hero-slide .hero-content h1,
    .hero-slide .hero-content .lead,
    .hero-slide .hero-content p {
        text-shadow: 0 3px 10px rgba(0, 0, 0, 0.7) !important;
    }
}