/* v5.10 – language switcher (EN · SL · BCS) and small layout guards for longer Slovenian and BCS words. */
.lang-switch{display:flex;align-items:center;gap:2px;flex:0 0 auto;font-size:.85rem;font-weight:650;margin-left:4px}
.lang-switch a{color:var(--muted);padding:5px 8px;border-radius:7px;line-height:1;letter-spacing:.02em}
.lang-switch a:hover{background:var(--bg-soft);color:#04337B;text-decoration:none}
.lang-switch a[aria-current]{color:#fff;background:#04337B}
.lang-switch .sep{color:#B9C3D1;padding:0 1px}
/* Desktop nav: slightly tighter so EN/SL/BCS nav + switcher stay on one line (no wrapped labels). */
@media (min-width:1141px){ .nav a{white-space:nowrap;padding:8px 10px} .nav{gap:4px} }
@media (max-width:1200px){ html[lang="sl"] .nav a,html[lang="hr"] .nav a{padding:8px 9px;font-size:.92rem} html[lang="sl"] .nav,html[lang="hr"] .nav{gap:2px} }
/* With three languages the full desktop nav needs ~1125px (EN); below 1140px use the hamburger menu (same rules as styles.css at 860px). */
@media (max-width:1140px){
  .site-header .wrap{gap:10px}
  .menu-btn{display:block}
  .nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 24px 20px;border-bottom:1px solid var(--line)}
  .menu-toggle:checked ~ .nav{display:flex}
  .nav .btn{margin:8px 0 0;text-align:center}
  .nav a.nav-admin{margin:8px 0 0;padding:10px 16px;text-align:center}
  html[lang="sl"] .nav a,html[lang="hr"] .nav a{font-size:.95rem}
  .lang-switch{margin-left:auto;order:2}
  .site-header .menu-btn{order:3}
}
html[lang="sl"] h1,html[lang="sl"] h2,html[lang="sl"] h3,html[lang="sl"] h4,html[lang="hr"] h1,html[lang="hr"] h2,html[lang="hr"] h3,html[lang="hr"] h4{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
html[lang="sl"] .card,html[lang="sl"] .pk-card,html[lang="sl"] .uc,html[lang="sl"] .step,html[lang="sl"] td,html[lang="hr"] .card,html[lang="hr"] .pk-card,html[lang="hr"] .uc,html[lang="hr"] .step,html[lang="hr"] td{overflow-wrap:break-word}
/* Narrow phones: keep brand + EN · SL · BCS + menu button on one row without horizontal overflow. */
@media (max-width:560px){
  .site-header .wrap{gap:6px}
  .lang-switch{font-size:.8rem}
  .lang-switch a{padding:5px 5px}
  .lang-switch .sep{padding:0}
}
@media (max-width:360px){ .site-header .wrap{padding-left:14px;padding-right:14px} .site-header .brand img{width:140px;height:auto} }