/* Keliauk su Rasa — bendri stiliai.
   Perkelta iš Claude Design projekto „Pradžia travel site deliverables".
   Dizaino mintis: spausdinta kelionės programa. Spalvos: vynas #5F1040,
   rašalas #231F20, popierius #FAF4F7, saulė #F5B912. */

html,body{margin:0;padding:0;background:#FAF4F7;}
body{color:#231F20;font-family:'Source Sans 3',sans-serif;}
*,*::before,*::after{box-sizing:border-box;}
a{color:#5F1040;text-decoration-color:#F5B912;text-decoration-thickness:2px;text-underline-offset:3px;}
a:hover{color:#3E0A2A;}
::selection{background:#F5B912;color:#231F20;}
input,textarea,button{font-family:inherit;}
img{max-width:100%;}

/* Paslėpti blokai (būsenos, kurių dabar nereikia). Svarbu !important —
   daug elementų turi savo inline `display`, kuris nugalėtų UA taisyklę. */
[hidden]{display:none !important;}

@keyframes riseIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
@keyframes stampIn{from{opacity:0;transform:scale(1.3) rotate(-4deg);}to{opacity:1;transform:scale(1) rotate(-1deg);}}
@keyframes sunSpin{to{transform:rotate(360deg);}}

a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #F5B912;outline-offset:3px;}
summary::-webkit-details-marker{display:none;}

@media (max-width:759px){[data-desktop-nav]{display:none !important;}}
@media (min-width:760px){[data-mobile-menu]{display:none !important;}}

@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important;}}

@keyframes vtOut{to{opacity:0;transform:translateY(-26px);}}
@keyframes vtIn{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion: no-preference){
@view-transition{navigation:auto;}
::view-transition-old(root){animation:vtOut .4s cubic-bezier(.7,0,.3,1) both;}
::view-transition-new(root){animation:vtIn .55s cubic-bezier(.2,.8,.2,1) both;}
}

/* --- būsenos, kurios dizaine buvo `style-hover` / `style-focus` / `style-active` --- */
.prasokti:focus{left:0 !important;}
.nuoroda-meniu:hover{box-shadow:inset 0 -3px 0 #F5B912;}
.meniu-mygtukas:hover{background:#F2E3EC;}
.tel-chip:hover{background:#5F1040;color:#FAF4F7;}
.mygtukas-pilnas:hover{background:#3E0A2A;}
.mygtukas-pilnas:active{transform:translateY(2px);}
.mygtukas-tuscias:hover{background:#F2E3EC;}
.nuotrauka-hover:hover{transform:scale(1.03);}
/* Safari/WebKit NEKERPA prie tėvo apvalintų kampų vaiko, kuris turi
   `transition:transform` (jis paverčiamas atskiru sluoksniu) — nuotraukos
   kvadratiniai kampai lenda už rėmelio. Apvalinam pačią nuotrauką:
   rėmo 12px spindulys minus 2.5px kraštinė. */
.nuotrauka-hover,.galerijos-langelis img{border-radius:9.5px;}
@media (max-width:560px){.galerijos-langelis img{border-radius:10px;}}
.laukas:focus{outline:3px solid #F5B912;outline-offset:2px;}
.poraste-nuoroda:hover{text-decoration:underline;}

/* --- spausdinimas: nuimam ekrano valdiklius --- */
@media print{
  [data-noprint]{display:none !important;}
  /* A+ mygtukas (public/didinti.js) įsimena mastelį localStorage'e ir uždeda
     `zoom` ant turinio apvalkalo. Spausdinant tas mastelis keliaudavo kartu, ir
     vieno lapo kuponas virsdavo dviem lapais — būtent tai klientė matė
     2026-08-27 („atsiranda puslapiai"), nors ekrane viskas atrodė gerai.
     Popieriuje mastelio nereikia: šriftą ten didina pats spausdintuvas.
     `!important` čia nugali INLINE stilių, nes tas be `!important`. */
  [data-ksr]{zoom:1 !important;}
  /* Popieriuje reikia tik būsimų kelionių — praėjusias pažymi svetaine.js. */
  [data-praejo]{display:none !important;}
  /* Poraštės nuorodų sąrašas popieriuje nieko neduoda; kontaktai lieka. */
  footer nav{display:none !important;}
  /* Ekrane logotipas yra 250 px — popieriuje jis be reikalo suvalgo pusę
     paskutinio lapo. */
  footer img{width:110px !important;}
  /* `break-inside:avoid` ant aukštų sekcijų palikdavo beveik tuščius lapus. */
  section{break-inside:auto !important;}
  /* Nuotrauka neturi pasiimti viso lapo. */
  main img{max-height:70mm !important;width:auto !important;}
  html,body{background:#fff;}
  main a[href^="http"]::after{content:" (" attr(href) ")";font-size:11px;}
}

/* --- animacijos, naudojamos pradžios / programos puslapiuose --- */
@keyframes axisDraw{from{transform:scaleY(0);}to{transform:scaleY(1);}}
@keyframes seatPop{from{opacity:0;transform:scale(.5);}to{opacity:1;transform:scale(1);}}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes wipeOut{from{transform:scaleX(1);}to{transform:scaleX(0);}}
@keyframes printIn{from{clip-path:inset(0 100% 0 0);}to{clip-path:inset(0 -2% 0 0);}}
@keyframes rollUp{from{transform:translateY(108%);}to{transform:none;}}
@keyframes photoIn{from{clip-path:inset(0 100% 0 0);}to{clip-path:inset(0 0 0 0);}}

/* Pradžios žemėlapis lėtai priartėja. 2026-08-28 klientė: „gal net judantis
   kažkoks variantas tinka?" Judesys prasideda tik po įėjimo animacijos ir per
   26 s nueina 7 % — pastebimas tik tam, kas puslapyje užsibūna. Nejudina nieko
   aplinkui, nes tėvas turi overflow:hidden, o `prefers-reduced-motion` jį
   išjungia kartu su visomis kitomis animacijomis (žr. failo viršų). */
@keyframes zemelapisArteja{from{transform:scale(1);}to{transform:scale(1.07);}}
.zemelapis-juda{animation:zemelapisArteja 26s ease-in-out 1.4s infinite alternate;border-radius:9.5px;}

.begantis:hover{animation-play-state:paused;}
.kelione-eilute{transition:background .15s ease,transform .25s cubic-bezier(.2,.8,.2,1);}
.kelione-eilute:hover{background:#F2E3EC;transform:translateX(6px);}
.antraste-nuoroda:hover{color:#5F1040;}
.filtras{cursor:pointer;}
.filtras:hover{background:#F2E3EC !important;}
.filtras[aria-pressed="true"]:hover{background:#3E0A2A !important;}

/* --- spausdintas kelionių sąrašas ---
   Klientės pastaba 2026-08-27: „jeigu labai daug kelionių, tai labai daug lapų."
   Ekrane eilutė yra plakatas (44 px pavadinimas, kainų dėžutė, rodyklė);
   popieriuje ji suspaudžiama iki vienos eilutės: data, pavadinimas, kaina.
   Praėjusios kelionės popieriuje nedalyvauja — jos yra po `data-noprint`
   sulankstytu bloku, o `[data-praejo]` pagauna tas, kurios praeina dieną
   nuo puslapio surinkimo. */
@media print{
  .kelione-eilute{transform:none !important;background:transparent !important;}
  [data-tipas][hidden]{display:grid !important;}
  [data-menuo][hidden]{display:grid !important;}

  .kelione-eilute{grid-template-columns:24mm minmax(0,1fr) !important;border-top:1px solid rgba(95,16,64,.4) !important;break-inside:avoid;}
  .ke-diena{padding:3mm 3mm 3mm 0 !important;}
  .ke-diena span{font-size:12pt !important;}
  .ke-turinys{padding:3mm 0 3mm 3mm !important;gap:1mm 4mm !important;align-items:baseline !important;}
  .ke-antraste{flex:1 1 90mm !important;min-width:0 !important;}
  .ke-antraste p{font-size:7.5pt !important;margin:0 !important;}
  .ke-antraste h3{font-size:12pt !important;}
  .ke-antraste > div{margin-top:1mm !important;}
  .ke-antraste span{font-size:7.5pt !important;padding:0.5mm 1.5mm !important;}
  .ke-kaina{border-width:1px !important;border-radius:2mm !important;}
  .ke-kaina > div{padding:1mm 2mm !important;border-left-width:1px !important;}
  .ke-kaina span:first-child{font-size:11pt !important;}
  .ke-kaina span:last-child{font-size:6pt !important;margin-top:0.5mm !important;}
  .ke-menuo{margin-top:4mm !important;}
  .ke-menuo h2{font-size:10pt !important;}
  .ke-menuo span{font-size:7.5pt !important;}
}

/* --- DUK akordeonas (buvo React būsena, dabar <details>) --- */
.duk summary::-webkit-details-marker{display:none;}
.duk summary::marker{content:'';}
.duk[open] .duk-plius{transform:rotate(45deg);}
.duk summary:hover span:first-child{color:#5F1040;}
@media print{.duk > div{display:block !important;}}

/* --- kontaktų telefonas: retas „suskambėjimas" --- */
@keyframes ring{0%,90%,100%{transform:none;}92%{transform:rotate(-1.5deg) scale(1.015);}95%{transform:rotate(1.5deg) scale(1.015);}98%{transform:rotate(-1deg);}}
.skambutis:hover{color:#3E0A2A;}
.leaflet-container{font-family:'Source Sans 3',sans-serif;}

/* --- dovanų kupono blizgesys --- */
@keyframes shine{0%{transform:translateX(0);opacity:0;}5%{opacity:1;}22%{transform:translateX(500%);opacity:1;}23%,100%{transform:translateX(500%);opacity:0;}}
.kup-suma:hover{background:#F2E3EC !important;}
.kup-suma[aria-pressed="true"]:hover{background:#3E0A2A !important;}
@media print{body{background:#FFFFFF;}[data-rvl]{opacity:1 !important;transform:none !important;}section{break-inside:avoid;}h1,h2,h3{break-after:avoid;}}

/* --- galerija --- */
.galerijos-langelis:hover{transform:translateY(-5px);}
.galerijos-langelis:hover img{transform:scale(1.06);}
#didinimas::backdrop{background:transparent;}
#didinimas[open]{animation:fadeIn .25s ease both;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}

/* --- TELEFONAS ---
   Puslapiai atvaizduojami inline stiliais (perkelta iš Claude Design), tad
   media užklausos juos pergali tik su !important. Čia — tik tai, kas siaurame
   ekrane realiai lūžta ar tampa nepatogu pirštui. */
@media (max-width:560px){
  /* Galerija: vietoj vienos milžiniškos nuotraukos — dvi per eilutę.
     Plačiosios (`grid-column:1 / -1`) lieka per abu stulpelius. */
  .galerijos-tinklelis{column-width:auto !important;column-count:2 !important;column-gap:10px !important;}
  .galerijos-langelis{border-width:2px !important;margin-bottom:10px !important;}
  /* 9,5 px buvo per smulku skaityti (auditas 2026-09-28). 12 px, iki dviejų
     eilučių, o ilgesnis užrašas nukerpamas daugtaškiu. */
  .galerijos-uzrasas{left:6px !important;bottom:6px !important;font-size:12px !important;line-height:1.3;padding:3px 6px !important;max-width:calc(100% - 12px) !important;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

  /* Poraštės nuorodos: 23px aukščio taikinys pirštui per mažas. */
  .poraste-nuoroda{padding:9px 0 !important;display:block !important;}

  /* Meniu mygtukas ir telefono numeris antraštėje neturi šokinėti į kitą eilutę. */
  .tel-chip{font-size:15px !important;padding:9px 11px !important;}

  /* Sėdynių juostelė netelpa į vieną eilutę ir viena nubyra žemyn. */
  .sedyne{width:17px !important;height:20px !important;border-top-width:5px !important;}

  /* Poraštės kontaktai: pirštui reikia bent ~44px. */
  footer a[href^="mailto:"], footer a[href^="tel:"], footer a[href*="facebook"], footer a[href="/privatumas/"]{display:inline-block;padding:7px 0;}

  /* Kelionės programa: klientė į laiko stulpelį rašo vietovardžius, o
     „KULAUTUVA" ar „PANEMUNĖS PILIS" į 56 px netelpa ir užlipa ant aprašymo
     (jos pastaba 2026-09-01). Telefone etiketę dedame virš teksto. */
  .programos-eilute{grid-template-columns:1fr !important;gap:0 !important;}
  .programos-eilute > span:first-child{padding-top:0 !important;padding-bottom:4px;}

  /* Etiketė–reikšmė poros: siaurame ekrane reikšmė nebetelpa į savo langelį
     (facebook.com/keliauksurasa yra vienas nedalomas žodis), tad dedame
     etiketę virš reikšmės. */
  .duom-pora{grid-template-columns:1fr !important;gap:0 !important;}
  .duom-pora > *:nth-child(odd){margin-top:10px;}
  .duom-pora > *:nth-child(even){margin-top:0;padding:8px 0;}
  .duom-pora > *:first-child{margin-top:0;}
}

/* Programos etiketė gula virš teksto ir planšetėje: iki 900 px stulpelis dar
   siauresnis nei ilgiausias vietovardis. */
@media (min-width:561px) and (max-width:759px){
  .programos-eilute{grid-template-columns:1fr !important;gap:0 !important;}
  .programos-eilute > span:first-child{padding-top:0 !important;padding-bottom:4px;}
}

/* Tekstas ekrano skaitytuvams ir paieškai, bet ne akims (pvz. data H1 gale,
   kai dvi kelionės turi tą patį pavadinimą — data jau matoma virš H1). */
.vizualiai-pasleptas{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}