
/* SOV public final UX polish v6.1.45q
   Dark/neon public header, accessible focus states, responsive typography, clean subnav and thumbnail fallbacks. */
:root{
  --sov-bg:#030507;
  --sov-panel:#08100e;
  --sov-panel-2:#0c1512;
  --sov-text:#f4faf7;
  --sov-muted:#b7c8c1;
  --sov-lime:#d7ff52;
  --sov-mint:#79ffd5;
  --sov-gold:#f0c477;
  --sov-border:rgba(255,255,255,.13);
  --sov-shadow:0 22px 70px rgba(0,0,0,.48);
}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{overflow-x:hidden;background:var(--sov-bg);color:var(--sov-text)}
body.sov-public-final :focus-visible{
  outline:3px solid var(--sov-mint)!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 6px rgba(121,255,213,.14)!important;
}
body.sov-public-final .topbar.sov-public-header{
  position:sticky!important;top:0!important;z-index:3000!important;
  background:linear-gradient(180deg,rgba(2,4,6,.96),rgba(2,5,6,.88))!important;
  border-bottom:1px solid rgba(215,255,82,.16)!important;
  box-shadow:0 14px 48px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(22px) saturate(145%);
}
body.sov-public-final .sov-public-nav{
  width:min(1280px,100%);margin:0 auto;padding:12px 22px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
}
body.sov-public-final .sov-public-brand{
  display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;
  width:auto!important;max-width:min(430px,52vw)!important;height:auto!important;
  padding:8px 14px 8px 9px!important;border-radius:999px!important;
  background:linear-gradient(135deg,#05090b,#101917)!important;
  border:1px solid rgba(215,255,82,.28)!important;text-decoration:none!important;color:var(--sov-text)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 16px 48px rgba(0,0,0,.36)!important;
}
body.sov-public-final .sov-public-brand img{display:block;width:46px!important;height:46px!important;flex:0 0 46px!important;border-radius:50%;object-fit:contain;background:#05080a!important;box-shadow:0 0 0 1px rgba(255,255,255,.22)}
body.sov-public-final .sov-public-brand strong{display:block;font-size:15px;line-height:1.05;font-weight:1000;letter-spacing:-.02em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.sov-public-final .sov-public-brand small{display:block;margin-top:2px;font-size:11px;line-height:1;color:#c7d8d2;font-weight:850;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.sov-public-final .sov-public-toggle{display:none;appearance:none;border:1px solid rgba(215,255,82,.28);background:rgba(215,255,82,.10);color:var(--sov-text);border-radius:999px;padding:10px 13px;font-weight:1000;cursor:pointer}
body.sov-public-final .sov-public-links{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
body.sov-public-final .sov-public-links a{
  display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;
  color:#edf6f2!important;text-decoration:none!important;font-weight:900;font-size:14px;letter-spacing:-.01em;
  border:1px solid rgba(255,255,255,.105);background:rgba(255,255,255,.045);transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease;
}
body.sov-public-final .sov-public-links a:hover{transform:translateY(-1px);background:rgba(215,255,82,.105);border-color:rgba(215,255,82,.42);color:#fff!important}
body.sov-public-final .sov-public-links a[aria-current="page"]{background:linear-gradient(135deg,rgba(215,255,82,.22),rgba(121,255,213,.14));border-color:rgba(215,255,82,.55);color:#fff!important;box-shadow:0 0 0 1px rgba(215,255,82,.12) inset}
body.sov-public-final .sov-public-links .member-link{background:linear-gradient(135deg,var(--sov-lime),var(--sov-mint));color:#06100d!important;border-color:transparent;font-weight:1000}
body.sov-public-final .sov-public-links .member-link:hover{color:#06100d!important;filter:brightness(1.04)}
/* Make old header variants harmless when JS has replaced them. */
body.sov-public-final .brand-wordmark{mix-blend-mode:normal!important;background:transparent!important}
/* O društvu subnav */
body.sov-public-final .public-tabs-v609,
body.sov-public-final .sov-about-subnav{
  width:min(1180px,calc(100% - 32px));margin:18px auto 0;padding:8px;border-radius:999px;
  display:flex;gap:8px;align-items:center;overflow-x:auto;white-space:nowrap;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 44px rgba(0,0,0,.28);
}
body.sov-public-final .public-tabs-v609 a,
body.sov-public-final .sov-about-subnav a{flex:0 0 auto;padding:10px 14px;border-radius:999px;text-decoration:none!important;color:#e7f1ed!important;font-weight:900;border:1px solid transparent}
body.sov-public-final .public-tabs-v609 a:hover,
body.sov-public-final .sov-about-subnav a:hover{background:rgba(215,255,82,.11);border-color:rgba(215,255,82,.32);color:#fff!important}
/* Expedition banner: CTA no longer covers important image content. */
body.sov-public-final .expedition-banner-section{position:relative!important;z-index:1!important;margin-top:clamp(18px,3vw,34px)!important}
body.sov-public-final .expedition-banner-link{display:grid!important;grid-template-rows:auto auto!important;overflow:hidden!important;isolation:isolate!important}
body.sov-public-final .expedition-banner-link img{grid-row:1;width:100%;height:auto;display:block;object-fit:cover}
body.sov-public-final .expedition-banner-cta{position:static!important;grid-row:2;margin:0!important;width:100%;border-radius:0!important;padding:15px 20px!important;background:linear-gradient(135deg,var(--sov-lime),var(--sov-mint))!important;color:#06100d!important;text-align:center!important;box-shadow:none!important;animation:none!important}
/* Thumbnail fallback: branded instead of empty black blocks. */
body.sov-public-final .news-img,body.sov-public-final .archive-img{background-color:#07100d;background-size:cover;background-position:center;position:relative;overflow:hidden}
body.sov-public-final .news-img.sov-thumb-fallback,body.sov-public-final .archive-img.sov-thumb-fallback{
  background-image:radial-gradient(circle at 30% 20%,rgba(215,255,82,.22),transparent 34%),linear-gradient(135deg,#06100d,#111b18)!important;
}
body.sov-public-final .news-img.sov-thumb-fallback:after,body.sov-public-final .archive-img.sov-thumb-fallback:after{
  content:"SOV";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.9);font-size:clamp(30px,6vw,64px);font-weight:1000;letter-spacing:-.08em;text-shadow:0 12px 38px rgba(0,0,0,.45)
}
body.sov-public-final .news-card,body.sov-public-final .news-side-card,body.sov-public-final .news-featured,body.sov-public-final .archive-card{border-color:rgba(255,255,255,.13)!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.03))!important}
body.sov-public-final .news-copy,body.sov-public-final .archive-copy{color:var(--sov-muted)!important}
body.sov-public-final .news-copy strong,body.sov-public-final .archive-copy strong{color:#fff!important}
body.sov-public-final .news-meta,body.sov-public-final .archive-meta{color:#dfffa2!important;font-weight:950!important}
/* Fluid typography and narrow screens. */
body.sov-public-final .portal-hero h1,
body.sov-public-final .hero h1,
body.sov-public-final .join-hero h1,
body.sov-public-final .about-hero h1{font-size:clamp(42px,9.4vw,118px)!important;line-height:.88!important;letter-spacing:-.065em!important}
body.sov-public-final .news-section h2,body.sov-public-final .section-head h2{font-size:clamp(30px,5vw,60px)!important}
body.sov-public-final .portal-sub,body.sov-public-final .lead{font-size:clamp(16px,2.2vw,22px)!important;line-height:1.45!important;color:#d8e6e1!important}
@media(max-width:820px){
  body.sov-public-final .sov-public-nav{padding:10px 12px!important;align-items:flex-start!important;position:relative}
  body.sov-public-final .sov-public-brand{max-width:calc(100vw - 86px)!important;padding-right:12px!important}
  body.sov-public-final .sov-public-brand img{width:40px!important;height:40px!important;flex-basis:40px!important}
  body.sov-public-final .sov-public-brand strong{font-size:13px;max-width:210px}
  body.sov-public-final .sov-public-brand small{font-size:10px;max-width:210px}
  body.sov-public-final .sov-public-toggle{display:inline-flex;align-items:center;gap:8px;margin-left:auto;min-height:42px}
  body.sov-public-final .sov-public-links{position:absolute;left:12px;right:12px;top:calc(100% + 8px);display:none;grid-template-columns:1fr;gap:8px;padding:12px;border-radius:24px;background:rgba(4,7,8,.98);border:1px solid rgba(215,255,82,.18);box-shadow:0 24px 80px rgba(0,0,0,.62)}
  body.sov-public-final .sov-public-header.is-open .sov-public-links{display:grid}
  body.sov-public-final .sov-public-links a{justify-content:flex-start;width:100%;min-height:44px;box-sizing:border-box}
  html{scroll-padding-top:92px}
}
@media(max-width:390px){
  body.sov-public-final .portal-hero-inner{padding-left:14px!important;padding-right:14px!important}
  body.sov-public-final .portal-hero h1,
  body.sov-public-final .hero h1,
  body.sov-public-final .join-hero h1,
  body.sov-public-final .about-hero h1{font-size:clamp(38px,15vw,58px)!important;line-height:.92!important}
  body.sov-public-final .news-section,body.sov-public-final .archive{padding-left:12px!important;padding-right:12px!important}
  body.sov-public-final .news-grid,body.sov-public-final .archive-grid{grid-template-columns:1fr!important;gap:14px!important}
  body.sov-public-final .news-side-card{grid-template-columns:1fr!important}
  body.sov-public-final .news-side-card .news-img{height:180px!important}
  body.sov-public-final .sov-public-brand strong{max-width:176px}
  body.sov-public-final .sov-public-brand small{max-width:176px}
}
@media(prefers-reduced-motion:reduce){
  body.sov-public-final *,body.sov-public-final *:before,body.sov-public-final *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
