/*
 * Videuro mobile header final fix
 * Scope: mobile header + language dropdown only.
 */

@media (max-width: 720px) {

    .site-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;

        padding-left: 15px !important;
        padding-right: 15px !important;

        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Keep real Videuro logo compact and stable */
    .site-header .brand {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 160px !important;
        margin: 0 !important;
    }

    .site-header .brand-copy b {
        white-space: nowrap !important;
    }

    /* Desktop navigation never consumes mobile width */
    .site-header .desktop-nav {
        display: none !important;
    }

    /*
     * Sign in / Join / account link belong inside
     * the hamburger menu on mobile.
     */
    .site-header .header-actions > a {
        display: none !important;
    }

    .site-header .header-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 0 0 auto !important;
        padding: 0 !important;

        gap: 6px !important;

        position: static !important;
        inset: auto !important;
        transform: none !important;
    }

    /* Theme button */
    .site-header .videuro-theme-toggle {
        flex: 0 0 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Language control */
    .site-header .videuro-language {
        position: relative !important;

        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 92px !important;

        margin: 0 !important;
    }

    .site-header .videuro-language-current {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        min-width: 68px !important;
        max-width: 92px !important;
        height: 40px !important;

        padding: 0 8px !important;
        margin: 0 !important;

        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    /*
     * Open language list toward the LEFT,
     * never outside the phone viewport.
     */
    .site-header .videuro-language-menu {
        left: auto !important;
        right: 0 !important;

        width: 210px !important;
        max-width: calc(100vw - 24px) !important;

        box-sizing: border-box !important;
        z-index: 99999 !important;
    }

    /* Hamburger becomes a proper touch target */
    .site-header .menu-button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 40px !important;

        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;

        padding: 0 !important;
        margin: 0 !important;
    }
}