/* Shared header controls stay readable without forcing labels onto two lines. */
/* Fixed header must exactly match body offset (measured: content row is 56px).
   NOTE: body{padding-top} in navbar.css already clears the fixed header —
   do NOT add margin-top here too (double offset = dead white gap). */
@media (max-width: 991px) {
    .agoda-top-header { height: 64px !important; min-height: 64px; padding-top: 0 !important; padding-bottom: 0 !important; }
    .agoda-top-header:has(#nav_search_wrapper) { height: auto !important; padding-bottom: 8px !important; }
}
@media (max-width: 575px) {
    .agoda-top-header { height: 58px !important; min-height: 58px; }
    .agoda-top-header:has(#nav_search_wrapper) { height: auto !important; padding-bottom: 8px !important; }
}
#nav_logged_out_wrapper, #nav_logged_in_wrapper { white-space: nowrap; }
#nav_logged_out_lang_btn, #nav_logged_out_wrapper > a, #nav_logged_out_menu_btn { white-space: nowrap; flex-shrink: 0; }
#nav_logged_out_lang_btn { min-width: 68px; }
#nav_logged_out_wrapper > a { min-width: 76px; }
/* Small phones ≤380px: brand + Sign in + Menu must fit 320–375px viewports */
@media (max-width: 380px) {
    .agoda-top-header a.order-1 > span:first-child { font-size: 27px !important; }
    .agoda-top-header .container-fluid > .d-flex { gap: 8px !important; }
    #nav_logged_out_wrapper, #nav_logged_in_wrapper { gap: 8px !important; }
    #nav_logged_out_lang_btn { min-width: 0 !important; }
    #nav_logged_out_wrapper > a { min-width: 0 !important; }
    #nav_logged_out_wrapper > a, #nav_logged_out_menu_btn { font-size: 13.5px !important; }
}
@media (max-width: 575px) {
    .agoda-top-header .container-fluid > .d-flex { align-items: center; }
    #nav_logged_out_wrapper, #nav_logged_in_wrapper { gap: 16px !important; white-space: nowrap; }
    #nav_logged_out_wrapper > a, #nav_logged_out_menu_wrapper,
    #nav_logged_in_wrapper > a, #nav_user_menu_wrapper { flex: 0 0 auto; white-space: nowrap; }
    #nav_logged_out_wrapper > a span, #nav_logged_out_menu_btn span { white-space: nowrap; }
    #nav_logged_out_wrapper > a { min-width: 76px; }
    #nav_logged_out_menu_btn { white-space: nowrap; }
    #nav_search_wrapper { width: calc(100% - 16px) !important; max-width: calc(100% - 16px) !important; margin-left: 8px !important; margin-right: 8px !important; }
    #nav_search_container { width: 100% !important; }
}
