/**
* Theme Name: Nioland Optimized Child
* Description: Child theme of Nioland Optimized with Derrick customizations.
* Author: Derrick App
* Template: nioland-optimized
* Version: 1.3.5
*/

/* ===========================================
 * CLS FIX - Prevent Layout Shifts
 * =========================================== */

/* Logo - Fixed dimensions to prevent CLS */
.logo_default,
.navbar-brand img,
img.logo_default {
    width: 150px !important;
    height: auto !important;
    max-height: 50px !important;
    aspect-ratio: 3 / 1;
}

/* Header - Reserve space */
.header_area,
.header_default {
    min-height: 80px;
}

/* Page header banner - Reserve space */
.page_header_default {
    min-height: 300px;
}

/* Main content wrapper - Prevent shift */
#wrapper_full {
    min-height: 100vh;
}

/* Font loading - Prevent FOIT/FOUT */
body {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ===========================================
 * Custom CSS for footer menu fix 
 * Fixes the overlapping text issue in footer menus
 * =========================================== */
.footer-menu-item .menu_boxed .navbar_content {
    display: block !important;
    flex-direction: column;
}

.footer-menu-item .menu_boxed .navbar_nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.footer-menu-item .menu_boxed .navbar_nav .nav-item {
    display: block;
    width: 100%;
}

.footer-menu-item .menu_boxed .navbar_nav .nav-item .nav_link {
    display: block;
    padding: 5px 0;
}

.footer-menu-item .menu_boxed .m_bx {
    display: none;
}

/* Responsive YouTube embed */
.responsive-youtube {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin: 20px 0;
}

.responsive-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}