/* ========================================
   Front End Layout - Cover (One-Third / Two-Third)
   ======================================== */

/* Layout Container - Allow scrolling */
.layoutCover {
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

#layoutCover_container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
}

/* Header - Sticky at top */
#layoutCover_header {
    position: sticky;
    top: 0;
    z-index: 1030;
}

/* Cover Image/Carousel - Scrolls with page */
#layoutCover_cover {
    width: 100%;
    overflow: hidden;
    position: relative;
    /* Height is set inline in layout files (35vh or 70vh) */
}

/* Cover content should fill the entire area */
#layoutCover_cover>* {
    height: 100%;
    width: 100%;
}

/* Carousel specific styling */
#layoutCover_cover .carousel,
#layoutCover_cover .carousel-inner,
#layoutCover_cover .carousel-item {
    height: 100%;
    width: 100%;
}

#layoutCover_cover .carousel-item img {
    height: 100%;
    width: 100%;
    display: block;
    /* object-fit and object-position set inline by widget to respect focal points */
}

/* Default background for when no cover is provided */
.layoutCover_defaultBg {
    height: 100%;
    width: 100%;
}

/* Content Area - Natural flow */
#layoutCover_content {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* Footer */
#layoutCover_footer {
    margin-top: auto;
}

/* Responsive Design */
@media (max-width: 991.98px) {

    /* Reduce cover height on tablets */
    #layoutCover_cover[style*="70vh"] {
        height: 60vh !important;
    }

    #layoutCover_cover[style*="35vh"] {
        height: 30vh !important;
    }
}

@media (max-width: 575.98px) {

    /* Smaller cover on mobile */
    #layoutCover_cover[style*="70vh"] {
        height: 60vh !important;
    }

    #layoutCover_cover[style*="35vh"] {
        height: 30vh !important;
    }
}

/* Print styles */
@media print {
    #layoutCover_cover {
        display: none;
    }
}