/* Ugrado i18n: language top bar + fallback notices */
.ugi18n-topbar{position:absolute;top:0;left:0;right:0;height:30px;z-index:51;background:#071122;border-bottom:1px solid rgba(226,195,106,.2);font-family:Poppins,system-ui,sans-serif}
.ugi18n-topbar-in{max-width:1180px;height:100%;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box}
.ugi18n-langs{display:flex;align-items:center;margin-left:auto;flex:none}
.ugi18n-tb-note{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;color:#8F8A80;padding-right:16px}
.ugi18n-langs a{padding:0 12px;font-size:.74rem;font-weight:500;line-height:30px;color:#B9B4A8;text-decoration:none;letter-spacing:.02em}
.ugi18n-langs a+a{border-left:1px solid rgba(255,255,255,.18)}
.ugi18n-langs a:hover{color:#fff}
.ugi18n-langs a.is-on{color:#E2C36A;font-weight:600}
.ugi18n-langs a:last-child{padding-right:0}
.ugi18n-short{display:none}
@media(max-width:600px){.ugi18n-tb-note{display:none}.ugi18n-full{display:none}.ugi18n-short{display:inline}.ugi18n-topbar-in{justify-content:center}}
/* the fixed header starts under the bar and moves to the top once scrolled (.is-scrolled from ugv2.js) */
body.has-ugi18n-topbar{padding-top:30px}
body.has-ugi18n-topbar:not(:has(.hero,.page-hero,.post-hero)){padding-top:102px}
body.has-ugi18n-topbar .ugv2-header{top:30px;transition:top .25s ease,background .3s,backdrop-filter .3s}
body.has-ugi18n-topbar .ugv2-header.is-scrolled{top:0}
/* logged in: the WordPress admin bar takes the top 32px (46px on phones), so the language bar and the header start below it */
body.admin-bar .ugi18n-topbar{top:var(--wp-admin--admin-bar--height,32px)}
body.admin-bar.has-ugi18n-topbar .ugv2-header{top:calc(var(--wp-admin--admin-bar--height,32px) + 30px)}
body.admin-bar.has-ugi18n-topbar .ugv2-header.is-scrolled{top:var(--wp-admin--admin-bar--height,32px)}
@media(max-width:600px){body.admin-bar.has-ugi18n-topbar .ugv2-header.is-scrolled{top:0}} /* the admin bar scrolls away on phones */
@media(max-width:1024px){body.has-ugi18n-topbar .ugv2-header:not(.is-scrolled) .elementor-widget-nav-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container{top:102px!important}}
.ugi18n-notice{margin:0 auto 16px;max-width:1180px;padding:10px 20px;font-size:.82rem;color:#6B6657;text-align:center}
.ugi18n-notice-post{margin:0 0 18px;padding:10px 14px;border-radius:10px;background:#FBF5E3;border:1px solid #EBDDB5;text-align:left}
/* compact globe switcher in the sticky header (next to search). Collapsed to zero width at the top of the page, where the
   top bar already shows the languages; slides in once the header turns solid on scroll (.is-scrolled from ugv2.js). */
.ugi18n-hdr{position:relative;flex:none;display:flex;align-items:center;max-width:0;opacity:0;visibility:hidden;overflow:hidden;transition:max-width .35s cubic-bezier(.22,1,.36,1),opacity .25s ease,visibility 0s .35s}
.ugv2-header.is-scrolled .ugi18n-hdr,.ugi18n-hdr:focus-within{max-width:120px;opacity:1;visibility:visible;overflow:visible;transition:max-width .35s cubic-bezier(.22,1,.36,1),opacity .25s ease .05s,visibility 0s}
.ugi18n-hdr-btn{display:flex;align-items:center;gap:6px;height:34px;padding:0 10px;margin-right:6px;border:1px solid rgba(226,195,106,.35);border-radius:999px;background:rgba(255,255,255,.04);color:#E9E6DE;font:600 .74rem/1 Poppins,system-ui,sans-serif;letter-spacing:.03em;cursor:pointer;white-space:nowrap;transition:border-color .2s,color .2s,background .2s}
.ugi18n-hdr-btn:hover,.ugi18n-hdr-btn[aria-expanded="true"]{border-color:#E2C36A;color:#fff;background:rgba(226,195,106,.1)}
.ugi18n-hdr-btn .ugi18n-caret{opacity:.7;transition:transform .2s}
.ugi18n-hdr-btn[aria-expanded="true"] .ugi18n-caret{transform:rotate(180deg)}
.ugi18n-hdr-menu{position:absolute;top:calc(100% + 10px);right:6px;min-width:168px;margin:0;padding:6px;list-style:none;border-radius:12px;background:#0B1A33;border:1px solid rgba(226,195,106,.35);box-shadow:0 18px 40px rgba(0,0,0,.4);z-index:80}
.ugi18n-hdr-menu[hidden]{display:none}
.ugi18n-hdr-menu a{display:block;padding:9px 12px;border-radius:8px;color:#E9E6DE;font:500 .86rem/1.2 Poppins,system-ui,sans-serif;text-decoration:none}
.ugi18n-hdr-menu a:hover{background:rgba(255,255,255,.06);color:#fff}
.ugi18n-hdr-menu a.is-on{color:#E2C36A;font-weight:600}
@media(max-width:1024px){.ugi18n-hdr{order:1;margin-left:auto}.ugi18n-hdr+.search-w{margin-left:0!important}.ugi18n-hdr-btn{height:32px;padding:0 9px;margin-right:2px}}
@media(prefers-reduced-motion:reduce){.ugi18n-hdr,.ugv2-header.is-scrolled .ugi18n-hdr{transition:none}}
/* the Elementor kit paints every <button> with the accent colour (#FAA61A) at higher specificity: pin the switcher's own look */
.ugv2-header .ugi18n-hdr button.ugi18n-hdr-btn{background:rgba(255,255,255,.04)!important;color:#E9E6DE!important;border:1px solid rgba(226,195,106,.35)!important;box-shadow:none!important;text-transform:none;font:600 .74rem/1 Poppins,system-ui,sans-serif}
.ugv2-header .ugi18n-hdr button.ugi18n-hdr-btn:hover,.ugv2-header .ugi18n-hdr button.ugi18n-hdr-btn[aria-expanded="true"]{background:rgba(226,195,106,.12)!important;border-color:#E2C36A!important;color:#fff!important}
/* phones: the header row wraps, so logo + globe + search + menu must fit 350px: icon + short label only */
@media(max-width:600px){.ugv2-header .ugi18n-hdr button.ugi18n-hdr-btn{gap:4px;padding:0 8px;height:30px}.ugi18n-hdr-btn .ugi18n-caret{display:none}.ugv2-header.is-scrolled .ugi18n-hdr{max-width:80px}}
/* small desktops: compact globe (no caret, tighter) so the BM menu stays on one line once it slides in (2026-10-01) */
@media(min-width:1025px) and (max-width:1120px){.ugv2-header .ugi18n-hdr button.ugi18n-hdr-btn{gap:4px;padding:0 8px}.ugi18n-hdr-btn .ugi18n-caret{display:none}.ugv2-header.is-scrolled .ugi18n-hdr{max-width:80px}}
