/*
Theme Name: WaTech Child
Theme URI: https://www.watech.com/
Description: Child theme for WaTech.com - Customizations for MSP, VoIP, cabling, and Alpha Services.
Author: ehodson
Author URI: https://www.watech.com/
Template: hello-elementor
Version: 1.0
*/

/*
Theme Name: WaTech Child
... (your header)
*/

header.scrolled {
    background-color: black !important;
    transition: background-color 0.3s ease;
}

/* Dynamic theme examples */
.medical-theme .hero-section { background-color: #e0f7fa !important; } /* Light blue for medical */
.industrial-theme .hero-section { background-image: url('/wp-content/uploads/van-team.jpg') !important; } /* Use attached van photo */

/* Hero Section: Full height on mobile/tablet, capped on desktop for better scroll */
.watech-hero {
    min-height: 100vh; /* Full viewport on smaller screens */
    height: auto; /* Allow natural height if content needs it */
}

/* On desktop (screens wider than 1024px), limit max height */
@media (min-width: 1025px) {
    .watech-hero {
        max-height: 900px; /* Adjust this value: try 800px to 1000px based on your design */
        overflow: hidden; /* Optional: hides any overflow if content exceeds */
    }
    
    /* Ensure inner content centers nicely within capped height */
    .watech-hero > .elementor-container {
        height: 100%;
    }
}

/* Optional: Fine-tune for very tall desktop windows */
@media (min-width: 1025px) and (min-height: 900px) {
    .watech-hero {
        min-height: 80vh; /* Slightly less than full on tall screens for quicker scroll to below sections */
    }
}