/* Responsive Images Stylesheet */
/* This file manages the swapping of background images between Desktop and Mobile versions. */
/* Content images are managed via the <picture> element in the HTML. */

/* Breakpoint for Mobile: 991.98px (Bootstrap Large breakpoint) */

/* 1. Hero Sections (Background Images) */

/* Home Hero (index.html) */
.index-hero-bg {
    background-image: url('/assets/Images/Home_Desktop_Hero.webp') !important;
    background-position: center 40% !important; /* Move focal point down to see more of the bottom */
    background-attachment: fixed !important; /* Re-enable parallax */
    background-repeat: no-repeat !important; /* Prevent tiling */
    background-size: cover !important;
}

/* About Hero */
.about-hero-bg {
    background-image: url('/assets/Images/AboutUs_Desktop_Hero.webp') !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* Values Hero */
.values-hero-bg {
    background-image: url('/assets/Images/Values_Desktop_Hero.webp') !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* Working With Us Hero */
.working-hero-bg {
    background-image: url('/assets/Images/WorkingWithUs_Desktop_Hero.webp') !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* History Hero */
.history-hero-bg {
    background-image: url('/assets/Images/Home_Desktop_Hero.webp') !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* Leadership Hero */
.leadership-hero-bg {
    background-image: url('/assets/Images/Executiveleadership2026_Desktop_Hero.webp') !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* FAQ Hero */
.faq-hero-bg {
    background-image: url('/assets/Images/FAQ_Desktop_Hero.webp') !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* Contact Hero */
.contact-hero-bg {
    background-image: url('/assets/Images/ContactUs_Desktop_Hero.webp') !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* Mobile Swaps */
@media (max-width: 991.98px) {
    /* Home Hero */
    .index-hero-bg {
        background-image: url('/assets/Images/Home_Mobile_Hero.webp') !important;
        background-position: center bottom !important;
        background-size: cover !important;
        background-attachment: scroll !important;
    }

    /* About Hero */
    .about-hero-bg {
        background-image: url('/assets/Images/AboutUs_Mobile_Hero.webp') !important;
        background-position: center 10% !important; /* Move focal point up */
        background-size: 130% !important; /* Zoom out slightly from default cover, but keep full bleed */
    }

    /* Values Hero */
    .values-hero-bg {
        background-image: url('/assets/Images/Values_Mobile_Hero.webp') !important; 
        background-position: center 10% !important; /* Move focal point down slightly so it isn't hidden by navbar */
        background-size: contain !important; /* Zoom out to show the full image width */
    }

    /* Working With Us Hero */
    .working-hero-bg {
        background-image: url('/assets/Images/WorkingWithUs_Mobile_Hero.webp') !important;
        background-position: center 10% !important; /* Move focal point down slightly so it isn't hidden by navbar */
        background-size: contain !important; /* Zoom out to show the full image width */ 
    }

    /* History Hero */
    .history-hero-bg {
        background-image: url('/assets/Images/Home_Mobile_Hero.webp') !important;
        background-position: center 10% !important; /* Move focal point down slightly so it isn't hidden by navbar */
        background-size: contain !important; /* Zoom out to show the full image width */
    }

    /* Leadership Hero */
    .leadership-hero-bg {
        background-image: url('/assets/Images/Executiveleadership2026_Mobile_Hero.webp') !important;        
        background-position: center 10% !important; /* Move focal point down slightly so it isn't hidden by navbar */
        background-size: 115% !important;
    }

    /* FAQ Hero */
    .faq-hero-bg {
        background-image: url('/assets/Images/FAQ_Mobile_Hero.webp') !important;        
        background-position: right 10% !important; /* Adjust position to fit  */
        background-size: contain !important; /* Zoom out to show the full image width */
    }

    /* Contact Hero */
    .contact-hero-bg {
        background-image: url('/assets/Images/ContactUs_Mobile_Hero.webp') !important;
        background-position: center 10% !important; /* Move focal point down slightly so it isn't hidden by navbar */
        background-size: contain !important; /* Zoom out to show the full image width */
    }
}

/* Tablet Specific Adjustments (Desktop images but different positioning) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* Home Hero - Keep Desktop image but adjust position */
    .index-hero-bg {
        background-image: url('/assets/Images/Home_Desktop_Hero.webp') !important;
        background-position: center center !important;
        background-size: cover !important;
        background-attachment: scroll !important; /* Disable parallax on tablet for performance */
    }

    .about-hero-bg, .values-hero-bg, .working-hero-bg, .history-hero-bg, 
    .leadership-hero-bg, .faq-hero-bg, .contact-hero-bg {
        background-attachment: scroll !important;
        background-position: center center !important;
        background-size: cover !important;
    }
}

/* Laptop / Large Tablet Specific Adjustments */
@media (min-width: 992px) and (max-width: 1399.98px) {
    .index-hero-bg, .about-hero-bg, .values-hero-bg, .working-hero-bg, .history-hero-bg, 
    .leadership-hero-bg, .faq-hero-bg, .contact-hero-bg {
        background-attachment: scroll !important; /* Performance optimization for laptops */
        background-position: center 30% !important; /* Ensure content isn't cut off by overhang */
        background-size: cover !important;
    }

    /* Double-check the image for Home Hero on Laptop */
    .index-hero-bg {
        background-image: url('/assets/Images/Home_Desktop_Hero.webp') !important;
    }
}

/* Team Image Container - Responsive Height Fix */
.team-image-container {
    height: 350px;
}

@media (max-width: 991.98px) {
    .team-image-container {
        height: 275px; /* Allow image to dictate its own height to avoid cropping */
    }
}