/* Universal Hero Section Height - Match Home Page (100vh) */
/* This ensures all hero sections have the exact same height as the home page */

/* All hero sections except home page video slider */
section[class*="-hero-section"]:not(.video-hero-slider),
section[id*="-hero"]:not(#hero),
.crm-hero-section,
.erp-hero-section,
.power-hero-section,
.automation-analytics-hero-section,
.applications-hero-section,
.business-applications-hero-section,
.managed-hero-section,
.training-hero-section,
.ai-agents-hero-section,
.services-hero-section,
.about-hero-section,
.field-service-hero-section,
.project-operations-hero-section,
.hero-section {
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
}

/* Ensure containers inside hero sections also respect the height */
section[class*="-hero-section"] .container-fluid,
section[class*="-hero-section"] .container,
section[id*="-hero"] .container-fluid,
section[id*="-hero"] .container {
    height: 100%;
}

/* Dashboard containers */
.crm-dashboard-container,
.erp-dashboard-container,
.power-dashboard-container,
.automation-components-container,
.applications-components-container,
.business-components-container,
.managed-components-container,
.training-components-container,
.services-components-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Hero content centering */
.automation-hero-content,
.hero-content,
section[class*="-hero-section"] > .container > .row,
section[id*="-hero"] > .container > .row {
    min-height: 100vh;
    display: flex;
    align-items: center;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    section[class*="-hero-section"]:not(.video-hero-slider),
    section[id*="-hero"]:not(#hero) {
        height: auto !important;
        min-height: 100vh !important;
        max-height: none !important;
    }
}

@media (max-width: 767px) {
    section[class*="-hero-section"]:not(.video-hero-slider),
    section[id*="-hero"]:not(#hero) {
        min-height: 46vh !important;
        height: auto !important;
    }
}
