/* Viaggiare Fuerteventura — compact language selector */
.lang-picker{position:relative;display:inline-block;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.lang-picker>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 12px;border:1px solid rgba(15,23,42,.14);border-radius:999px;background:rgba(255,255,255,.92);color:#111827;font-size:13px;font-weight:900;letter-spacing:.02em;cursor:pointer;box-shadow:0 5px 18px rgba(15,23,42,.06);user-select:none;-webkit-tap-highlight-color:transparent;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.lang-picker>summary::-webkit-details-marker{display:none}
.lang-picker>summary::marker{display:none;content:""}
.lang-picker>summary:hover{border-color:rgba(15,118,110,.34);box-shadow:0 8px 22px rgba(15,23,42,.10)}
.lang-picker[open]>summary{border-color:rgba(15,118,110,.45);box-shadow:0 8px 24px rgba(15,23,42,.12)}
.lang-picker .lang-globe{position:relative;width:17px;height:17px;display:block;flex:0 0 17px;border:1.7px solid currentColor;border-radius:50%}
.lang-picker .lang-globe::before{content:"";position:absolute;top:1px;bottom:1px;left:5px;right:5px;border-left:1.3px solid currentColor;border-right:1.3px solid currentColor;border-radius:50%}
.lang-picker .lang-globe::after{content:"";position:absolute;left:1px;right:1px;top:6px;height:3px;border-top:1.3px solid currentColor;border-bottom:1.3px solid currentColor;border-radius:50%}
.lang-picker .lang-current{line-height:1}
.lang-picker .lang-chevron{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease;opacity:.72}
.lang-picker[open] .lang-chevron{transform:rotate(225deg) translate(-1px,-1px)}
.lang-dropdown{position:absolute;top:calc(100% + 9px);right:0;width:220px;padding:7px;border:1px solid rgba(15,23,42,.11);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 18px 50px rgba(15,23,42,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}
.lang-dropdown a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;margin:0!important;padding:11px 12px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#111827!important;text-decoration:none!important;font-size:14px!important;font-weight:750!important;line-height:1.15!important;box-shadow:none!important;white-space:nowrap!important}
.lang-dropdown a:hover,.lang-dropdown a:focus-visible{background:#f1f5f9!important;outline:none}
.lang-dropdown a[aria-current="page"]{background:#ecfdf5!important;color:#0f766e!important;font-weight:900!important}
.lang-dropdown .lang-label{overflow:hidden;text-overflow:ellipsis}
.lang-dropdown .lang-code{font-size:11px;font-weight:950;letter-spacing:.08em;color:#64748b}
.lang-dropdown a[aria-current="page"] .lang-code{color:#0f766e}
.top,.topbar,.nav,.nav-right{overflow:visible!important}
@media(max-width:760px){
  .lang-picker>summary{min-height:40px;padding:8px 11px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.08)}
  .lang-dropdown{position:fixed;top:auto;right:14px;left:14px;width:auto;max-width:none;padding:8px;border-radius:20px;box-shadow:0 22px 70px rgba(15,23,42,.25)}
  .lang-picker[open] .lang-dropdown{top:72px}
  .lang-dropdown a{min-height:46px!important;padding:12px 14px!important;font-size:15px!important}
  .top{align-items:flex-start!important;flex-wrap:wrap!important;gap:12px!important}
  .top>.nav,.top .nav{width:100%;justify-content:flex-start!important;gap:8px!important}
  .topbar{align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
  .topbar .nav-left{display:flex!important;gap:8px!important;flex:1 1 auto!important;min-width:0!important}
  .topbar .nav-right{margin-left:auto!important;flex:0 0 auto!important}
}
@media(max-width:420px){
  .lang-picker .lang-globe{width:16px;height:16px;flex-basis:16px}
  .lang-picker>summary{gap:7px}
  .top .nav a{padding:9px 11px!important;font-size:13px!important}
  .topbar .btn{padding:9px 11px!important;font-size:13px!important}
}
