/* ---------- SRIFTAI ----------
   Laikomi savo serveryje, ne Google. Priezastis: su @import is
   fonts.googleapis.com kiekvieno lankytojo IP adresas keliaudavo i Google,
   o CSP tekdavo praverti du svetimus domenus. Dabar CSP yra
   "default-src 'none'" su vien 'self' — puslapis nesikreipia niekur i isore.

   Oswald ir Open Sans, SIL Open Font License 1.1 (zr. assets/fonts/OFL.txt).
   Failai suskaidyti kaip ir pas Google: 'latin' + 'latin-ext'. Lietuviskos
   raides (a e i u c s z su zenklais) yra latin-ext dalyje, tad ji butina.
   Naujinant sriftus nepamirsk ?v= reiksmes — /assets/* kesuojamas metams. */

@font-face{
  font-family:'Oswald';
  font-style:normal;
  font-weight:200 700;        /* kintamasis sriftas — vienas failas visiems storiams */
  font-display:swap;         /* tekstas matomas is karto, sriftas uzsideda pasikrovus */
  src:url('/assets/fonts/oswald-latin.woff2?v=20260908') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face{
  font-family:'Oswald';
  font-style:normal;
  font-weight:200 700;        /* kintamasis sriftas — vienas failas visiems storiams */
  font-display:swap;         /* tekstas matomas is karto, sriftas uzsideda pasikrovus */
  src:url('/assets/fonts/oswald-latin-ext.woff2?v=20260908') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face{
  font-family:'Open Sans';
  font-style:normal;
  font-weight:300 800;        /* kintamasis sriftas — vienas failas visiems storiams */
  font-display:swap;         /* tekstas matomas is karto, sriftas uzsideda pasikrovus */
  src:url('/assets/fonts/open-sans-latin.woff2?v=20260908') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face{
  font-family:'Open Sans';
  font-style:normal;
  font-weight:300 800;        /* kintamasis sriftas — vienas failas visiems storiams */
  font-display:swap;         /* tekstas matomas is karto, sriftas uzsideda pasikrovus */
  src:url('/assets/fonts/open-sans-latin-ext.woff2?v=20260908') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root{
  --gold: #c59d5f;        /* tik ant TAMSAUS fono: 6.93:1 */
  --black: #1a1a1a;
  --white: #fff;

  /* TAMSI TEMA. Visas puslapis — vienas fonas: antraste, sekcijos,
     korteles ir poraste. Blokai skiriami plona linija, ne sviesiu
     ploteliu. Kontrastai ant --bg: --text-light 10.3:1, --text-dim2
     6.7:1, --gold 6.9:1 — visi praeina WCAG AA. */
  --bg: #141414;
  --line: #2e2e2e;
  --text-light: #cfcfcf;
  --text-dim2: #a8a8a8;

  /* Antrastes aukstis pirmam ekranui apskaiciuoti. Reiksmes SAMONINGAI
     mazesnes uz realias (88 / 150-200px), kad hero blokas visada butu
     bent per visa ekrana — geriau keli pikseliai slinkties nei kitos
     nuotraukos kraštelis apacioje. */
  --hdr: 84px;
}

*{ box-sizing:border-box; }

body{
  margin:0;
  font-family:'Open Sans', sans-serif;
  color:var(--text-light);
  background:var(--bg);
  line-height:1.7;
}

h1,h2{
  font-family:'Oswald', sans-serif;
  text-transform:uppercase;
  letter-spacing:0.03em;
  margin:0;
}

a{ color:var(--gold); text-decoration:none; }
a:hover{ color:var(--white); text-decoration:underline; }

/* Nuoroda SAKINIO VIDURYJE nuo aplinkinio teksto skirtusi tik spalva —
   daltonikui ji butu nematoma (WCAG 1.4.1). Tekstiniuose blokuose
   pabraukiam. Meniu, korteliu ir poraste nuorodos stovi atskirai ir
   atpazistamos is pozicijos — ju neliecia (todel taikom tik <p> viduje,
   ne <li>, kur guli meniu punktai). */
p a{ text-decoration:underline; text-underline-offset:0.18em; }

img{ max-width:100%; height:auto; display:block; }  /* height:auto butinas, nes HTML width/height atributai kitaip iskraipo proporcijas */

.wrap{
  max-width:1100px;
  margin:0 auto;
  padding:0 24px;
}

/* ---------- HEADER ---------- */
header.site-header{
  background:var(--bg);
  padding:18px 0;
  position:relative;
  z-index:10;
}
header.site-header .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px;
}
header.site-header .brand{
  display:flex;
  align-items:center;
  gap:12px;
}
header.site-header .brand img{
  height:52px;
  width:auto;
}
header.site-header .brand span{
  font-family:'Oswald', sans-serif;
  color:var(--white);
  text-transform:uppercase;
  letter-spacing:0.12em;
  font-size:14px;
}
nav.main-nav ul{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:22px;
  padding:0;
}
nav.main-nav a{
  color:var(--white);
  font-family:'Oswald', sans-serif;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:0.08em;
}
nav.main-nav a:hover, nav.main-nav a.active{ color:var(--gold); }

/* ---------- KALBOS PERJUNGIKLIS ----------
   Be JavaScript: tai tiesiog nuorodos. Kiekviena veda i TA PATI puslapi
   kita kalba, ne i titulini — spaudi EN kontaktuose, gauni kontaktus
   angliskai. Esamos kalbos mygtukas pazymetas .active ir aria-current. */
nav.lang{
  display:flex;
  align-items:center;
  gap:4px;
}
nav.lang a{
  color:#9c9c9c;
  font-family:'Oswald', sans-serif;
  font-size:12px;
  letter-spacing:0.08em;
  padding:6px 9px;
  border:1px solid #3a3a3a;
}
nav.lang a:hover{ color:var(--gold); border-color:var(--gold); text-decoration:none; }
nav.lang a.active{
  color:var(--black);          /* #1a1a1a ant #c59d5f = 6.93:1 */
  background:var(--gold);
  border-color:var(--gold);
}
nav.lang a.active:hover{ color:var(--black); text-decoration:none; }

/* Windows didelio kontrasto rezime auksinis fonas dingsta ir aktyvi kalba
   tampa neatskiriama nuo neaktyvios. Paliekam skirtuma forma, ne spalva. */
@media (forced-colors: active){
  nav.lang a.active{ border-width:3px; text-decoration:underline; }
}

/* ---------- HERO / FULL-BLEED PHOTO SECTIONS ---------- */
.hero-photo{
  position:relative;
  min-height:70vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background-size:cover;
  background-position:center;
  background-color:var(--black);   /* atsarga, kol nuotrauka dar nepasikrovusi */
  padding:60px 20px;
}
.hero-photo::before{
  content:'';
  position:absolute;
  top:0; right:0; bottom:0; left:0;  /* atsarga: inset nepalaikomas iOS < 14.5 */
  inset:0;
  background:rgba(10,10,10,0.32);
}
.hero-photo .hero-inner{
  position:relative;
  z-index:1;
  max-width:640px;
}
.hero-photo h1, .hero-photo h2{
  color:var(--white);
  font-size:clamp(26px,4vw,38px);
  margin-bottom:22px;
}
.hero-photo p{
  color:#eae6df;
  font-size:16px;
  margin-bottom:26px;
}
.hero-photo .read-more{
  color:var(--white);
  font-family:'Oswald', sans-serif;
  letter-spacing:0.1em;
  text-transform:uppercase;
  font-size:13px;
  font-weight:600;
  border-bottom:1px solid var(--gold);
  padding-bottom:4px;
}
.hero-photo .read-more:hover{ color:var(--gold); }

.hero-logo{
  /* Pirmas ekranas — vien juodas fonas su logotipu. Kita sekcija
     pasirodo tik paslinkus zemyn. */
  min-height:calc(100vh - var(--hdr));
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--bg);
}
.hero-logo img{ width:min(70vw, 340px); }

/* ---------- SECTION TITLES ---------- */
.section-title{
  display:flex;
  align-items:baseline;
  gap:26px;
  margin:70px 0 36px;
}
.section-title h2{
  font-size:clamp(26px,5vw,44px);
  color:var(--white);
  white-space:nowrap;
}
.section-title .line{
  flex:1;
  height:1px;
  background:var(--gold);
}

section.page-section{ padding:60px 0; }

/* ---------- MEMORIAM CARDS ---------- */
.mem-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(230px,1fr));
  gap:2px;
  background:var(--line);
}
.mem-card{
  background:var(--bg);
  padding:34px 26px;
  text-align:center;
}
.mem-card h2{
  color:var(--gold);
  font-size:22px;
  letter-spacing:0.06em;
}
.mem-card .real-name{
  color:var(--white);
  font-size:15px;
  margin-top:8px;
}
.mem-card .role{
  color:#9c9c9c;
  font-size:13px;
  margin-top:10px;
}
.mem-card .date{
  color:var(--gold);
  font-size:13px;
  margin-top:10px;
  font-family:'Oswald', sans-serif;
  letter-spacing:0.05em;
}

/* ---------- CONTACT TABLE (Susisiekime) ---------- */
.contact-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px,1fr));
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.contact-card{
  background:var(--bg);
  padding:24px 26px;
}
.contact-card .role{
  font-family:'Oswald', sans-serif;
  color:var(--gold);
  font-size:13px;
  letter-spacing:0.1em;
  text-transform:uppercase;
}
/* Tuscia pareigu eilute (<div class="role"></div>) — vieta, i kuria veliau
   bus irasytos pareigos. Be sito tuscias div'as butu nulinio auksio ir
   kortele pakiltu auksciau uz kaimynines. */
.contact-card .role:empty::before{ content:"\00a0"; }
.contact-card .who{
  font-size:19px;
  color:var(--white);
  margin-top:6px;
  font-weight:600;
}
.contact-card .deets{
  margin-top:10px;
  font-size:14px;
  color:var(--text-dim2);
}
.contact-card .deets a{ color:var(--gold); }
.chapter-heading{
  grid-column:1/-1;
  background:var(--bg);
  color:var(--gold);
  padding:14px 26px;
  font-family:'Oswald', sans-serif;
  letter-spacing:0.1em;
  text-transform:uppercase;
  font-size:14px;
}

/* ---------- FOOTER ---------- */
footer.site-footer{
  background:var(--bg);
  color:var(--text-dim2);
  padding:60px 0 30px;
  font-size:14px;
}
footer.site-footer .foot-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
  gap:36px;
  padding-bottom:36px;
  border-bottom:1px solid var(--line);
}
footer.site-footer .foot-h{
  color:var(--white);
  font-family:'Oswald', sans-serif;
  font-size:14px;
  letter-spacing:0.1em;
  text-transform:uppercase;
  margin-bottom:16px;
}
footer.site-footer a{ color:var(--text-dim2); }
footer.site-footer a:hover{ color:var(--gold); }
/* Socialiniai tinklai — dvi eilės: viršuje pagrindinis klubas (didesni),
   apačioje skyriai (mažesni, po jais miesto pavadinimas). Ženkliukai —
   SVG tiesiai HTML'e (currentColor), pavadinimas .vh ekrano skaitytuvui. */
footer.site-footer .social a.soc{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border:1px solid #3a3a3a;
  color:var(--gold);
}
footer.site-footer .social a.soc:hover{ color:var(--white); border-color:var(--gold); text-decoration:none; }
footer.site-footer .soc-main{
  display:flex;
  gap:10px;
}
footer.site-footer .soc-chapters{
  list-style:none;
  margin:18px 0 0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:14px 18px;
}
footer.site-footer .soc-chapters li{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
}
footer.site-footer .soc-icons{ display:flex; gap:6px; }
footer.site-footer .social a.soc-sm{ width:44px; height:44px; }  /* 44 — patogu pirštu */
footer.site-footer .soc-city{
  font-family:'Oswald', sans-serif;
  font-size:11px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--text-dim2);
  line-height:1;
}
/* Kontaktų kortelėse — mažas ženkliukas prieš užrašą */
.contact-card a.with-ico .ico{
  width:16px;
  height:16px;
  vertical-align:-3px;
  margin-right:6px;
}
@media (forced-colors: active){
  footer.site-footer .social a.soc{ border-color:LinkText; }
}
footer.site-footer .copyright .rights{
  display:inline-block;
  margin-top:6px;
  font-size:11px;
  letter-spacing:0.04em;
  color:#8a8a8a;
}
footer.site-footer .copyright{
  margin-top:24px;
  text-align:center;
  font-size:12px;
  letter-spacing:0.06em;
  color:#9c9c9c;  /* buvo #5c5c5c = 2.82:1 */
}

@media (max-width:640px){
  /* siauruose ekranuose ilgos antrastes ("Laisvieji Support ai") su nowrap
     isstumdavo puslapi i sona ties 320px — leidziam joms lauztis */
  .section-title h2{ white-space:normal; }
  .section-title{ flex-direction:column; align-items:flex-start; gap:10px; margin:50px 0 26px; }
}

/* ---------- SUSISIEKIME: kaire = kontaktai, desine = adresai ---------- */
.contact-grid.pairs{ grid-template-columns:repeat(2,1fr); }
@media (max-width:640px){
  .contact-grid.pairs{ grid-template-columns:1fr; }
}

/* ---------- klases vietoj inline stiliu (grieztam CSP) ---------- */
/* Hero nuotraukos — tik WebP.
   JPEG atsargos nebeliko sąmoningai: WebP palaiko visos naršyklės nuo 2020 m.
   (Safari 14, Chrome 32, Firefox 65), o `image-set()` su `type()` Safari
   supranta tik nuo 17 versijos — tad senesnis Safari būtų parsisiuntęs ir
   WebP (per preload), ir JPEG. Vienas formatas = jokio dvigubo siuntimo ir
   veikiantis `preload`. Jei naršyklė WebP vis dėlto nemokėtų, .hero-photo
   turi juodą `background-color`, o baltas tekstas ant jo lieka skaitomas.
   Originalūs JPEG failai repozitorijoje palikti kaip šaltinis. */
.hero-moto { background-image:url('/assets/img/moto.webp?v=20260921b'); }
.hero-bk4  { background-image:url('/assets/img/bk4.webp?v=20260921b'); }
.hero-moto2{ background-image:url('/assets/img/moto2.webp?v=20260921b'); }

/* Telefone 1920 px pločio nuotrauka yra švaistymas — užtenka 1100 px
   (79 KB -> 27 KB). Riba 700 px PRIVALO sutapti su `preload` nuorodų
   `media` reikšmėmis puslapių antraštėse: prasilenkus telefonas
   parsisiųstų abi nuotraukas vietoj vienos. */
@media (max-width:700px){
  .hero-moto { background-image:url('/assets/img/moto-m.webp?v=20260921b'); }
  .hero-bk4  { background-image:url('/assets/img/bk4-m.webp?v=20260921b'); }
  .hero-moto2{ background-image:url('/assets/img/moto2-m.webp?v=20260921b'); }
}
.hero-sm   { min-height:40vh; }
.lead      { max-width:680px; }
.foot-link { margin-top:18px; }
.contact-grid.mt{ margin-top:20px; }

/* ---------- liestuku taikiniai (Apple 44px / Google 48px) ----------
   (hover:none) pagauna visus lietimui skirtus ekranus, ne tik siaurus:
   planšetė 768px plocio irgi liecama pirstu.                            */
nav.main-nav a{ display:inline-block; padding:6px 2px; }

@media (hover: none), (max-width: 640px){
  nav.main-nav ul{ gap:2px 6px; }
  nav.main-nav a{ padding:13px 12px; }
  .hero-photo .read-more{ display:inline-block; padding:12px 6px; }
  nav.lang a{ padding:11px 14px; }
  .contact-card .deets a,
  footer.site-footer p a,
  footer.site-footer .social a:not(.soc){ display:inline-block; padding:11px 0; }
}

/* ---------- PRIEINAMUMAS ---------- */

/* Vizualiai paslepta, bet ekrano skaitytuvui matoma */
.vh{
  position:absolute;
  width:1px; height:1px;
  margin:-1px; padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}

/* Praleidimo nuoroda — matoma tik gavus fokusa klaviatura */
.skip-link{
  position:absolute;
  left:-9999px;
  z-index:100;
}
.skip-link:focus{
  left:8px; top:8px;
  background:var(--bg);
  border:1px solid var(--gold);
  color:var(--gold);
  padding:14px 20px;
  font-family:'Oswald', sans-serif;
  letter-spacing:0.08em;
  text-transform:uppercase;
  font-size:13px;
}

/* Eksplicitinis fokuso ziedas — nepasikliaujam narsykles numatytuoju.
   :focus duodam pirma (senoms narsyklems), :focus-visible perrasys. */
a:focus{ outline:3px solid var(--gold); outline-offset:3px; }
a:focus:not(:focus-visible){ outline:none; }
a:focus-visible{ outline:3px solid var(--gold); outline-offset:3px; }

/* ---------- SENESNES NARSYKLES ----------
   flexbox `gap` neveikia Chrome < 84 ir iOS Safari < 14.5.
   Neigiama marze ant konteinerio + marzos ant vaiku duoda ta pati
   rezultata ten, kur `gap` neveikia. Kur `gap` veikia, marzos
   nunulinamos @supports bloku zemiau — kitaip tarpas butu dvigubas. */
nav.main-nav ul{ margin:-4px -11px; }
nav.main-nav ul > li{ margin:4px 11px; }

/* Kai gap palaikomas, marzos nebereikalingos — kitaip tarpas dvigubas. */
@supports (gap: 1px){
  nav.main-nav ul{ margin:0; }
  nav.main-nav ul > li{ margin:0; }
}

/* ---------- SPAUSDINIMAS ---------- */
/* ---------- SUPPORT KLUBU LOGOTIPAI ----------
   PNG su skaidriu fonu. Abu zenklai piesti tamsiam fonui, tad puslapio
   fonas jiems tinka be jokios papildomos plyteles. */
.club-intro{
  display:flex;
  align-items:flex-start;
  gap:28px;
  margin-top:20px;
}
.club-logo{
  flex:0 0 auto;
  width:190px;
}
.club-logo img{ display:block; width:100%; height:auto; }
.club-intro .lead{ margin:0; }

@media (max-width:640px){
  .club-intro{ flex-direction:column; gap:18px; }
  .club-logo{ width:160px; }
}

@media print{
  @page{ margin:14mm; }
  html, body{ background:#fff !important; color:#000 !important; font-size:11pt; }

  header.site-header, .hero-logo, .skip-link, nav.lang,
  footer.site-footer .social, .foot-link, .club-logo{ display:none !important; }

  .hero-photo{
    min-height:0 !important; padding:0 0 8mm;
    background:none !important; display:block; text-align:left;
  }
  .hero-photo::before{ display:none !important; }
  .hero-photo h1, .hero-photo h2{ color:#000 !important; font-size:20pt; margin-bottom:6pt; }
  .hero-photo p{ color:#000 !important; }
  .hero-photo .read-more{ display:none !important; }

  section.page-section{ padding:0 !important; }
  .section-title h2{ color:#000 !important; }

  .contact-grid{ background:none !important; border:none !important; display:block !important; }
  a{ color:#000 !important; }
  .contact-card{
    background:none !important;
    border:1px solid #999; padding:8pt 10pt; margin-bottom:4pt;
    break-inside:avoid; page-break-inside:avoid;
  }
  .contact-card .role, .contact-card .who,
  .contact-card .deets, .contact-card .deets a{ color:#000 !important; }
  .contact-card .role{ font-weight:700; }
  .chapter-heading{
    background:none !important; color:#000 !important;
    border-bottom:2px solid #000; padding:10pt 0 3pt;
    font-size:13pt; margin-top:10pt;
    break-after:avoid; page-break-after:avoid;
  }

  .mem-grid{ background:none !important; display:block !important; }
  .mem-card{
    background:none !important; border:1px solid #999;
    break-inside:avoid; page-break-inside:avoid; margin-bottom:4pt;
  }
  .mem-card h2, .mem-card .real-name,
  .mem-card .role, .mem-card .date{ color:#000 !important; }

  footer.site-footer{
    background:none !important; color:#000 !important;
    border-top:1px solid #999; padding:10pt 0 0;
  }
  footer.site-footer .foot-h, footer.site-footer a, .copyright{ color:#000 !important; }

  /* isoriniu nuorodu adresai popieriuje */
  a[href^="http"]::after{ content:" (" attr(href) ")"; font-size:8pt; color:#444; }
  a[href^="mailto:"]::after, a[href^="tel:"]::after{ content:""; }
  .vh{ display:none !important; }
}

/* ---------- TELEFONAS: kompaktiška antraštė ir pirmas ekranas (auditas 6) ----------
   Anksčiau telefone antraštė užimdavo ~260 px (logotipas / meniu dviem eilutėmis /
   kalbos atskirai), o po jos titulinyje visą ekraną užimdavo dar vienas logotipas —
   pirmame ekrane nebuvo jokio teksto. Dabar: 1 eilutė — logotipas kairėje, LT/EN
   dešinėje; 2 eilutė — visas meniu vienoje eilutėje. */
@media (max-width:640px){
  :root{ --hdr:108px; }   /* antraštė 109–111 px (320–430 px pločio); imam mažiau, kad kita sekcija neišlįstų */
  header.site-header{ padding:10px 0 4px; }
  header.site-header .wrap{ flex-direction:row; text-align:left; gap:4px; }
  header.site-header .brand{ order:1; }
  header.site-header .brand img{ height:44px; }
  nav.lang{ order:2; margin-left:auto; }
  nav.main-nav{ order:3; width:100%; }
  nav.main-nav ul{ justify-content:space-between; gap:0; }
  /* Telefone 5 meniu punktai turi tilpti VIENOJE eilutėje (antraip „Susisiekime"
     lieka vienas antroje eilutėje). Išmatuota: 13 px — tilpsta nuo 361 px,
     12 px su 2 px paraštėmis — tilpsta net 320 px ekrane (269 iš 272 px).
     Pridedant 6-ą punktą, šitą teks perskaičiuoti. */
  nav.main-nav a{ letter-spacing:0.03em; padding:13px 3px; }

  /* Titulinio pirmas ekranas telefone — vien logotipas per visą likusį
     ekraną (2026-09-23 savininko pageidavimu; auditas 6 buvo sumažinęs).
     svh = aukštis su matoma naršyklės juosta, tad kita sekcija neišlenda. */
  .hero-logo{ min-height:calc(100vh - var(--hdr)); min-height:calc(100svh - var(--hdr)); padding:0; }
  .hero-logo img{ width:min(72vw, 300px); }

  /* Vienoje kolonoje tuščia pareigų eilutė nieko nelygina — tik atrodo kaip
     trūkstamas tekstas. Plačiame ekrane ji lieka (lygina kaimynines korteles). */
  .contact-card .role:empty{ display:none; }
  .contact-card{ padding:20px; }
  .chapter-heading{ padding:14px 20px; }
}

/* ---------- RENGINIAI ----------
   Plakatas + pavadinimas + data + nuoroda į Facebook renginį. Be JS:
   kai .event-grid neturi nė vienos kortelės, rodomas .event-empty tekstas.
   Naršyklė be :has() (Firefox < 121, Safari < 15.4) rodys tekstą visada —
   priimtina: jis teisingas ir šalia kortelių. */
.event-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
  gap:28px;
}
.event-card{
  background:var(--bg);
  border:1px solid var(--line);
  display:flex;
  flex-direction:column;
}
.event-card .poster{ display:block; }
.event-card .poster img{ display:block; width:100%; height:auto; }
.event-card .poster:focus-visible{ outline-offset:-3px; }
.event-body{ padding:20px 22px 22px; }
.event-body h2{
  color:var(--white);
  font-size:19px;
  letter-spacing:0.04em;
}
.event-meta{
  margin-top:8px;
  color:var(--gold);
  font-family:'Oswald', sans-serif;
  font-size:14px;
  letter-spacing:0.05em;
}
.event-link{ display:inline-block; margin-top:12px; color:var(--gold); }
.event-empty{ margin:0; }
.events:has(.event-card) .event-empty{ display:none; }

@media (max-width:380px){
  nav.main-nav a{ font-size:12px; letter-spacing:0.02em; padding:13px 2px; }
}
@media print{
  .event-card{ break-inside:avoid; border-color:#000; }
  .event-body h2, .event-meta{ color:#000 !important; }
}

/* Tarpinis plotis 641–720 px (pvz. iPhone SE gulsčiai = 667 px): 5 meniu
   punktai kompiuterio išdėstymu netelpa į vieną eilutę su logotipu ir LT/EN,
   tad LT/EN nukrisdavo į atskirą eilutę kairėje (7 auditas). Čia naudojam tą
   patį išdėstymą kaip telefone — tik antraštei; kontaktų kolonos nekeičiamos. */
@media (min-width:641px) and (max-width:720px){
  header.site-header{ padding:10px 0 4px; }
  header.site-header .wrap{ gap:4px; }
  header.site-header .brand{ order:1; }
  nav.lang{ order:2; margin-left:auto; }
  nav.main-nav{ order:3; width:100%; }
  nav.main-nav ul{ justify-content:space-between; gap:0; }
}