/**
 * MOBILE HEADER BUTTONS OVERRIDE
 * Optimizes guest buttons for mobile screens.
 */

@media (max-width: 768px) {

    /* Container adjustment */
    .universal-header__guest-actions {
        gap: 8px !important;
    }

    /* Login Button - Keep text, but ensure it fits */
    .universal-header__login-btn {
        padding: 8px 12px !important;
        white-space: nowrap !important;
        font-size: 13px !important;
    }

    .universal-header__login-btn i {
        display: none !important;
        /* Hide icon on mobile to save space if needed, or keep it */
    }

    /* Register Button - HIDE TEXT, SHOW ICON ONLY */
    .universal-header__register-btn {
        padding: 8px !important;
        width: 36px !important;
        /* Circular/Square touch target */
        height: 36px !important;
        min-width: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        /* Make it circular */
    }

    .universal-header__register-btn span {
        display: none !important;
        /* Hide the text "Registrarse" */
    }

    .universal-header__register-btn i {
        margin: 0 !important;
        font-size: 16px !important;
        display: block !important;
    }
}