/* Mobile Header Layout: Logo centered, menu below */
@media (max-width: 768px) {
    /* Target the generic header container (Blocksy theme defaults) */
    header#header [data-row="middle"] .ct-container {
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    /* Ensure the logo container is centered and full width */
    header#header .ct-header-logo-container {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        margin-bottom: 15px !important;
    }
    
    /* Ensure the mobile menu trigger/container is below the logo */
    header#header .ct-header-trigger-container {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }
}