/* ORLA Suite: language switcher (GTranslate "dropdown with flags") as a flag pill. */
.orla-lang{position:relative;flex:none;display:flex;align-items:center;align-self:center;margin:0 7px 0 22px;z-index:100}
/* 22px each side: matches the menu item spacing; Login wrapper adds its own 15px left margin. */
.orla-lang--floating{position:fixed;left:16px;bottom:16px;margin:0;z-index:99990}
/* Phone header: pill sits just left of the hamburger, vertically centred. */
.orla-lang-slot{flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important}
.orla-lang--mobile{margin:0;align-self:flex-end} /* Divi bottom-aligns the hamburger on tablets; match it. */
.orla-lang .gtranslate_wrapper .gt_switcher{width:auto;overflow:visible;position:relative;font-family:inherit;line-height:1}
.orla-lang .gtranslate_wrapper .gt_switcher .gt_selected{background:transparent;z-index:20}
.orla-lang .gtranslate_wrapper .gt_switcher .gt_selected a{width:auto;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:0;padding:4px 10px;border:1px solid #d9d9d9;border-radius:999px;background:#fff;color:#222}
.orla-lang .gtranslate_wrapper .gt_switcher .gt_selected a:hover{background:#f5f5f5}
.orla-lang .gtranslate_wrapper .gt_switcher a img{width:22px;height:22px;opacity:1}
/* Flag-only pill: no arrow, so the flag sits dead centre. */
.orla-lang .gtranslate_wrapper .gt_switcher .gt_selected a::after{display:none}
.orla-lang .gtranslate_wrapper .gt_switcher .gt_option{position:absolute;top:calc(100% + 6px);right:0;left:auto;width:190px;height:auto!important;max-height:min(380px,60vh);overflow-y:auto;border:1px solid #d9d9d9;border-radius:12px;background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.16);z-index:99990}
.orla-lang--floating .gtranslate_wrapper .gt_switcher .gt_option{top:auto;bottom:calc(100% + 6px);left:0;right:auto}
.orla-lang .gtranslate_wrapper .gt_switcher .gt_option a{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.3;padding:8px 12px;color:#222}
.orla-lang .gtranslate_wrapper .gt_switcher .gt_option a:hover{background:#f5f5f5}
.orla-lang .gtranslate_wrapper .gt_switcher .gt_option a img{width:22px;height:22px}
/* Spanish/translated desktop header: drop the "Servidor de alcohol" blurb on narrower desktops so the
   menu keeps normal spacing (22px between links) and a readable 15-18px font on one line. */
@media (min-width:981px) and (max-width:1599px){
html.translated-ltr .et-l--header .et_pb_column_2_tb_header{display:none!important}
html.translated-ltr .et-l--header .et_pb_column_0_tb_header{flex:0 0 auto!important;width:auto!important;max-width:none!important}
html.translated-ltr .et-l--header .et_pb_column_1_tb_header{flex:0 0 140px!important;width:140px!important;max-width:140px!important}
html.translated-ltr .et-l--header .et_pb_column_3_tb_header{flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0}
}
@media (min-width:981px){
html.translated-ltr .et-l--header #menu-main-menu{flex-wrap:nowrap;margin-left:-11px!important;margin-right:-11px!important}
html.translated-ltr .et-l--header #menu-main-menu>li{padding-left:11px!important;padding-right:11px!important}
html.translated-ltr .et-l--header #menu-main-menu>li>a{font-size:clamp(15px,1.2vw,18px)!important;white-space:nowrap}
}
/* Too narrow for one readable line in Spanish: wrap neatly instead of squeezing. */
@media (min-width:981px) and (max-width:1149px){
html.translated-ltr .et-l--header #menu-main-menu{flex-wrap:wrap!important;justify-content:flex-end!important;row-gap:2px}
}
/* English on narrower desktops (768–1439px): keep the menu on one line ("ORLA does not like stacking").
   Tighter item spacing first; the font only drops slightly (min 15px) on the narrowest widths. */
@media (min-width:768px) and (max-width:1439px){
html:not(.translated-ltr) .et-l--header #menu-main-menu{flex-wrap:nowrap;margin-left:-8px;margin-right:-8px}
html:not(.translated-ltr) .et-l--header #menu-main-menu>li{padding-left:8px;padding-right:8px}
html:not(.translated-ltr) .et-l--header #menu-main-menu>li>a{font-size:clamp(15px,1.3vw,18px)!important;white-space:nowrap}
}
/* Spanish header menu Title Case (small words lowercase) is done in module.php's inline script. */