/* 2026-10-09 multilingual: the language picker (application/views/site/elements/language_picker.php). */
.lh-lang-menu > li > a { display:flex !important; align-items:center; gap:8px; }
.lh-lang-menu .lh-lang-tick { width:14px; color:#2e7d32; }
.lh-lang-btn { cursor:pointer; white-space:nowrap; }
.lh-lang-btn .fa-globe { margin-right:4px; }
.lh-lang > .lh-lang-btn { color:#fff !important; }                               /* like the other menu items on the blue bar */
.lh-lang.open > .lh-lang-btn { color:#26334d !important; background:#f1f1f1 !important; }
/* public pages (Bootstrap 4, no Popper): a <details> dropdown, no JavaScript. It sits just left of the Sign Up /
   Log In button, outside the flow, so those buttons keep their place on every screen size. */
.btn-ls { position:relative; }
@media (min-width: 992px) { #mainNav { padding-right:196px !important; } }   /* the menu reserved 116px for Sign Up; + the picker */
.lh-lang-public { position:absolute; right:100%; top:50%; transform:translateY(-50%); margin-right:6px; }
.lh-lang-public > summary { list-style:none; cursor:pointer; padding:8px 8px; border-radius:4px; color:#26334d; font-size:14px; white-space:nowrap; }
.lh-lang-public > summary::-webkit-details-marker { display:none; }
.lh-lang-public > summary:hover, .lh-lang-public[open] > summary { background:rgba(38,51,77,.08); }
.lh-lang-public > ul { position:absolute; right:0; top:100%; margin:4px 0 0; padding:6px 0; list-style:none; min-width:150px; background:#fff; border:1px solid rgba(0,0,0,.15); border-radius:4px; box-shadow:0 6px 12px rgba(0,0,0,.175); z-index:1060; }
.lh-lang-public > ul a { display:flex; align-items:center; gap:8px; padding:6px 14px; color:#333; text-decoration:none; white-space:nowrap; }
.lh-lang-public > ul a:hover { background:#f5f5f5; }
.lh-lang-sidebar-list { display:flex; gap:16px; padding:2px 0 6px 72px; }
.lh-lang-sidebar-list a { padding:0 !important; color:#555; }
.lh-lang-sidebar-list a.active { font-weight:700; color:#1a6fb5; }

/* Spanish menu labels are ~10% longer: tighter spacing so the logged-in menu, the picker and the user menu stay on one
   line at 1366px (9 items for club-managing leagues) - English keeps the original 15px. */
html[lang|="es"] #menu-global .list-menu-signin > li > a { padding-left:11px; padding-right:11px; }

/* Logged-in header: the picker's EN / ES lines up with the menu items - the same vertical padding as
   .list-menu-signin li a (style.css) at each breakpoint, instead of Bootstrap's 15px. */
.navbar-nav > li.lh-lang > a.lh-lang-btn { padding-top:22px; padding-bottom:18px; }
@media (min-width: 992px) and (max-width: 1199px) { .navbar-nav > li.lh-lang > a.lh-lang-btn { padding-top:16px; padding-bottom:17px; } }
@media (min-width: 768px) and (max-width: 991px) { .navbar-nav > li.lh-lang > a.lh-lang-btn { padding-top:16px; padding-bottom:15px; } }