/* VVNAS UX improvements (2026). Remove this file + its <link> to revert. */

/* 1. Account menu: was permanently open, covering the logo/menu. Open on click/hover only. */
.ast_autho_wrapper .dropdown-menu.sub_nav { display: none; z-index: 1000; min-width: 150px; }
.ast_autho_wrapper li.vv-open > .dropdown-menu.sub_nav { display: block; }
@media (min-width: 992px) {
    .ast_autho_wrapper li:hover > .dropdown-menu.sub_nav { display: block; }
}

/* 2. Compact top bar on phones (was ~143px tall). */
@media (max-width: 767px) {
    .ast_top_header { padding: 6px 0 !important; }
    .ast_top_header .ast_contact_details ul { display: flex !important; justify-content: center; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; }
    .ast_top_header .ast_contact_details ul li { margin: 0 !important; padding: 0 !important; float: none !important; }
    .ast_top_header .ast_contact_details ul li:nth-child(2) { display: none !important; } /* e-mail: still in footer */
    .ast_top_header .ast_contact_details ul li:nth-child(3) { display: none !important; } /* duplicate number (WhatsApp button stays floating) */
    .ast_top_header .ast_autho_wrapper { margin-top: 4px; }
    .ast_top_header .ast_autho_wrapper ul { display: flex !important; align-items: center; justify-content: center; flex-wrap: wrap; gap: 2px 10px; }
    .ast_top_header .ast_autho_wrapper ul li { margin: 0 !important; float: none !important; }
    .ast_top_header .ast_autho_wrapper ul li.ml-4 { margin-left: 0 !important; }
    .ast_top_header .ast_lang { order: 9; flex-basis: 100%; text-align: center; }
}

/* 3. "Please login" hint shown when a guest is sent to the login popup. */
.vv-login-hint { background: #fff7e6; border: 1px solid #f0c36d; color: #6b4e00; padding: 8px 12px; border-radius: 4px; margin-bottom: 12px; font-size: 14px; }