/*
Theme Name: Let’s Travel Guides
Template: twentytwentyfive
Description: Let’s Travel Guides brand theme (child of Twenty Twenty-Five).
Version: 1.0.0
Text Domain: letstravel
*/


:root {
  --egle: #133F33;
  --egle-2: #1B5244;
  --oranzine: #FF8A3D;
  --oranzine-tamsi: #E9701F;
  --citrina: #FFD166;
  --kremine: #FFF6E8;
  --smelis: #F6E9D2;
  --rasalas: #1D2422;
  --pilka: #5E6A64;
  --r-didelis: 28px;
  --r-vidutinis: 18px;
  --plotis: 1200px;
}
.ltg *, .virsus *, .porraste * { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }

.ltg img, .virsus img, .porraste img { display: block; max-width: 100%; height: auto; }
.ltg a, .virsus a, .porraste a { color: inherit; }
:focus-visible { outline: 3px solid var(--oranzine); outline-offset: 3px; border-radius: 6px; }
.ltg h1, .ltg h2, .ltg h3 { font-family: "Montserrat", sans-serif; font-weight: 900; color: var(--egle); margin: 0; letter-spacing: -0.015em; text-wrap: balance; }
.ltg h1 { font-size: clamp(40px, 5.6vw, 76px); line-height: 1.02; }
.ltg h2 { font-size: clamp(30px, 3.6vw, 46px); line-height: 1.08; }
.ltg h3 { font-size: 21px; line-height: 1.25; letter-spacing: -0.005em; }
.ltg p { margin: 0; }
.vidus { width: min(var(--plotis), 100% - 40px); margin-inline: auto; }

/* Mygtukai */
.mygt { display: inline-flex; align-items: center; gap: 10px; font: 600 16px/1 "Inter", sans-serif; text-decoration: none;
  padding: 16px 26px; border-radius: 999px; border: 2px solid transparent; cursor: pointer; transition: background .15s, color .15s; }
.mygt-pagr { background: var(--oranzine); color: #fff; }
.mygt-pagr:hover { background: var(--oranzine-tamsi); }
.mygt-antr { border-color: var(--egle); color: var(--egle); background: transparent; }
.mygt-antr:hover { background: var(--egle); color: var(--kremine); }

/* Antraštė */
.virsus { position: sticky; top: 0; z-index: 10; background: rgba(255, 246, 232, .92); backdrop-filter: blur(8px); }
.virsus .vidus { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 14px 0; }
.logo img { height: 58px; width: auto; }
.meniu { display: flex; gap: 30px; list-style: none; margin: 0; padding: 0; font-weight: 600; font-size: 16px; }
.meniu a { text-decoration: none; }
.meniu a:hover { color: var(--oranzine-tamsi); }
.virsus .mygt { padding: 12px 20px; font-size: 15px; }

/* Maršruto linija: taškai, jungiantys skiltis */
.marsrutas { position: relative; }
.marsrutas::before { content: ""; position: absolute; left: calc((100% - var(--plotis)) / 2 - 41px); top: 60px; bottom: 150px;
  width: 6px; background: radial-gradient(circle, var(--oranzine) 2.6px, transparent 3px) center top / 6px 22px repeat-y; opacity: .9; }
.stotele { position: relative; }
.stotele::before { content: ""; position: absolute; left: -53px; top: 4px; width: 30px; height: 40px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 40'%3E%3Cpath d='M15 40 3.4 23.6A13.5 13.5 0 1 1 26.6 23.6Z' fill='%23FF8A3D'/%3E%3Ccircle cx='15' cy='14' r='5.8' fill='%23FFD166'/%3E%3C/svg%3E") no-repeat; }
@media (max-width: 1340px) { .marsrutas::before, .stotele::before { display: none; } }

/* Pirmas ekranas */
.herojus { padding: 48px 0 90px; }
.herojus .vidus { display: grid; grid-template-columns: 1.05fr .95fr; gap: 56px; align-items: center; }
.herojus p.ivadas { font-size: 20px; color: var(--pilka); max-width: 34ch; margin-top: 24px; }
.herojus .mygtukai { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.ltg .pasitikejimas { margin-top: 36px; font-size: 15px; color: var(--pilka); }
.pasitikejimas b { color: var(--egle); }
.herojus figure { margin: 0; position: relative; }
.herojus figure img { border-radius: var(--r-didelis); aspect-ratio: 4 / 5; object-fit: cover; width: 100%; }
.dienos-kortele { position: absolute; left: -42px; bottom: 36px; width: 290px; background: #fff; border-radius: var(--r-vidutinis);
  padding: 18px 20px; box-shadow: 0 18px 40px -18px rgba(19, 63, 51, .45); }
.dienos-kortele h3 { font-size: 17px; }
.dienos-kortele dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; margin: 12px 0 14px; font-size: 14.5px; }
.dienos-kortele dt { color: var(--pilka); }
.dienos-kortele dd { margin: 0; font-weight: 600; text-align: right; }
.zenkl { display: inline-block; font: 600 13px/1 "Inter", sans-serif; padding: 7px 11px; border-radius: 999px; }
.zenkl-egle { background: var(--egle); color: var(--kremine); }
.zenkl-citr { background: var(--citrina); color: var(--egle); }

/* Kodėl mes */
.kodel { padding: 30px 0 100px; }
.kodel .trys { display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px; margin-top: 44px; }
.kodel h3 { margin-bottom: 10px; }
.kodel p { color: var(--pilka); }
.kodel svg { width: 42px; height: 42px; margin-bottom: 16px; }

/* Gidai */
.gidai { padding: 100px 0; background: var(--smelis); }
.skilties-galva { display: flex; justify-content: space-between; align-items: end; gap: 24px; flex-wrap: wrap; }
.skilties-galva p { color: var(--pilka); max-width: 46ch; margin-top: 12px; }
.skilties-galva a.nuoroda { font-weight: 600; color: var(--egle); }
.gidu-tinklas { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-top: 44px; }
.gidas { background: #fff; border-radius: var(--r-didelis); overflow: hidden; display: flex; flex-direction: column; }
.gidas img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.gidas .tekstas { padding: 22px 24px 24px; display: flex; flex-direction: column; gap: 12px; flex: 1; }
.gidas .apie { color: var(--pilka); font-size: 15.5px; }
.gidas .apacia { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 8px; }
.kaina { font: 900 24px/1 "Montserrat", sans-serif; color: var(--egle); }
.zenklai { display: flex; gap: 8px; flex-wrap: wrap; }

/* Planavimas */
.planavimas { padding: 110px 0; }
.planavimas .vidus { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.planavimas img { border-radius: var(--r-didelis); aspect-ratio: 4 / 3.2; object-fit: cover; width: 100%; }
.planavimas ol { list-style: none; counter-reset: z; padding: 0; margin: 30px 0 34px; display: grid; gap: 22px; }
.planavimas li { counter-increment: z; display: grid; grid-template-columns: 46px 1fr; gap: 16px; }
.planavimas li::before { content: counter(z); width: 46px; height: 46px; border-radius: 50%; background: var(--citrina); color: var(--egle);
  font: 900 20px/46px "Montserrat", sans-serif; text-align: center; }
.planavimas li b { display: block; font-size: 18px; color: var(--egle); }
.planavimas li span { color: var(--pilka); }
.plano-kaina { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.plano-kaina small { display: block; color: var(--pilka); font-size: 14px; }

/* Dienos pavyzdys */
.pavyzdys { background: var(--egle); color: var(--kremine); padding: 100px 0; border-radius: 48px; margin: 0 16px; }
.pavyzdys h2 { color: var(--kremine); }
.pavyzdys .skilties-galva p { color: #C9D6CF; }
.diena { margin-top: 40px; background: var(--egle-2); border-radius: var(--r-didelis); padding: 8px 28px; }
.diena-eil { display: grid; grid-template-columns: 90px 1.2fr 2fr 110px; gap: 22px; padding: 20px 0; border-bottom: 1px solid rgba(255, 246, 232, .14); align-items: baseline; }
.diena-eil:last-child { border-bottom: 0; }
.diena-eil .laikas { font: 900 20px/1 "Montserrat", sans-serif; color: var(--citrina); }
.diena-eil b { font-size: 17.5px; }
.diena-eil p { color: #C9D6CF; font-size: 15.5px; }
.diena-eil .suma { text-align: right; font-weight: 600; }
.diena-suvestine { display: flex; gap: 40px; flex-wrap: wrap; margin-top: 26px; color: #C9D6CF; }
.diena-suvestine b { color: var(--kremine); font: 900 22px/1.2 "Montserrat", sans-serif; display: block; }

/* Apie */
.apie-mus { padding: 110px 0; }
.apie-mus .vidus { display: grid; grid-template-columns: .85fr 1.15fr; gap: 64px; align-items: center; }
.apie-mus img { border-radius: var(--r-didelis); aspect-ratio: 4 / 5; object-fit: cover; }
.apie-mus p { font-size: 19px; margin-top: 20px; max-width: 52ch; }
.apie-mus p + p { color: var(--pilka); font-size: 17px; }

/* Tinklaraštis */
.tinklarastis { padding: 20px 0 110px; }
.irasai { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-top: 44px; }
.irasas { text-decoration: none; display: flex; flex-direction: column; gap: 14px; }
.irasas img { border-radius: var(--r-vidutinis); aspect-ratio: 3 / 3.4; object-fit: cover; width: 100%; }
.irasas .tema { color: var(--oranzine-tamsi); font-weight: 600; font-size: 14.5px; }
.irasas h3 { font-size: 20px; }
.irasas:hover h3 { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.irasas .trukme { color: var(--pilka); font-size: 14.5px; }

/* Naujienlaiškis */
.naujienlaiskis { margin: 0 16px; background: var(--citrina); border-radius: 48px; padding: 80px 0; }
.naujienlaiskis .vidus { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.naujienlaiskis p { margin-top: 12px; color: var(--egle); }
.forma { display: flex; background: #fff; border-radius: 999px; padding: 7px; gap: 8px; }
.forma label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.forma input { flex: 1; min-width: 0; border: 0; background: transparent; font: 400 17px "Inter", sans-serif; padding: 0 18px; color: var(--rasalas); }
.forma input:focus { outline: none; }
.forma:focus-within { box-shadow: 0 0 0 3px var(--egle); }
.forma small { display: block; }
.naujienlaiskis .pastaba { font-size: 14px; margin-top: 12px; color: var(--egle-2); }

/* Poraštė */
.porraste { background: var(--egle); color: #C9D6CF; margin-top: 110px; padding: 70px 0 34px; }
.porraste .vidus { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; }
.porraste img { height: 74px; width: auto; }
.porraste h4 { font: 600 15px "Inter", sans-serif; color: var(--kremine); margin: 0 0 14px; }
.porraste ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 9px; font-size: 15.5px; }
.porraste a { text-decoration: none; }
.porraste a:hover { color: var(--citrina); }
.porraste .teises { grid-column: 1 / -1; border-top: 1px solid rgba(255, 246, 232, .14); padding-top: 24px; margin-top: 20px; font-size: 13.5px; }

/* Telefonas ir planšetė */
@media (max-width: 960px) {
  .meniu { display: none; }
  .herojus .vidus, .planavimas .vidus, .apie-mus .vidus, .naujienlaiskis .vidus { grid-template-columns: 1fr; gap: 40px; }
  .gidu-tinklas { grid-template-columns: 1fr 1fr; }
  .kodel .trys, .irasai { grid-template-columns: 1fr; gap: 32px; }
  .porraste .vidus { grid-template-columns: 1fr 1fr; }
  .dienos-kortele { left: 16px; right: 16px; width: auto; bottom: 16px; }
  .apie-mus img { aspect-ratio: 4 / 3; }
  .herojus figure img { aspect-ratio: 4 / 3; }
}
@media (max-width: 600px) {
  body { font-size: 16px; }
  .logo img { height: 46px; }
  .virsus .mygt { padding: 10px 16px; font-size: 14px; }
  .herojus { padding-top: 24px; }
  .gidu-tinklas { grid-template-columns: 1fr; }
  .dienos-kortele { position: relative; left: auto; right: auto; bottom: auto; margin: -70px 14px 0; }
  .irasas img { aspect-ratio: 4 / 3; }
  .diena { padding: 4px 18px; }
  .diena-eil { grid-template-columns: 64px 1fr; gap: 6px 14px; }
  .diena-eil p { grid-column: 2; }
  .diena-eil .suma { grid-column: 2; text-align: left; }
  .pavyzdys, .naujienlaiskis { border-radius: 32px; margin: 0 8px; }
  .forma { flex-direction: column; border-radius: 22px; }
  .forma input { padding: 14px; }
  .porraste .vidus { grid-template-columns: 1fr; }
}

/* WordPress apvalkalas: be tarpų tarp antraštės, turinio ir poraštės */
.wp-site-blocks > * { margin-block-start: 0; }
.wp-site-blocks > header, .wp-site-blocks > footer { margin: 0; }
body .is-layout-flow > .ltg:first-child { margin-top: 0; }
.ltg-puslapis { padding: 56px 0 20px; }

/* Antraštė visur */
.virsus .meniu a[aria-current="page"] { color: var(--oranzine-tamsi); }
.virsus .paskyra { font-weight: 600; font-size: 15px; text-decoration: none; margin-right: 6px; }
.virsus .veiksmai { display: flex; align-items: center; gap: 16px; }
.porraste { margin-top: 0; }
.porraste .teises { color: #9FB5AA; }

/* Gidų sąrašas (puslapis Guides) */
.ltg-gidu-sarasas { padding: 20px 0 110px; }
.ltg-gidu-sarasas .gidu-tinklas { grid-template-columns: repeat(3, 1fr); }
.ltg-gidu-sarasas .gidas:first-child { grid-column: auto; }
.ltg-gidu-sarasas .gidas:first-child img { aspect-ratio: 4 / 3; }
.ltg-tuscia { background: #fff; border-radius: var(--r-didelis); padding: 40px; color: var(--pilka); margin-top: 30px; }

/* Vieno gido puslapis */
.ltg-gidas-virsus { padding: 40px 0 30px; }
.ltg-gidas-virsus .vidus { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.ltg-gidas-virsus img { border-radius: var(--r-didelis); aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.ltg-gidas-virsus .zenklai { margin-bottom: 16px; }
.ltg-gidas-virsus .santrauka { color: var(--pilka); font-size: 19px; margin-top: 18px; }
.ltg-pirkti { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 28px; }
.ltg-pirkti .kaina { font-size: 34px; }
.ltg-prisijunk { font-size: 15px; color: var(--pilka); margin-top: 14px; }
.ltg-uzrakinta { background: #fff; border-radius: var(--r-didelis); padding: 34px 36px; margin: 10px 0 60px; border: 2px dashed #E6D5B8; }
.ltg-uzrakinta h2 { font-size: 26px; margin-bottom: 14px; }
.ltg-uzrakinta ul { margin: 0 0 20px; padding-left: 20px; }
.ltg-gido-turinys { padding: 10px 0 80px; }
.ltg-gido-turinys .turinys { max-width: 760px; margin: 0 auto; }
.ltg-gido-turinys .turinys > * + * { margin-top: 1.1em; }
.ltg-gido-turinys .turinys h2 { margin-top: 1.8em; }
.ltg-gido-turinys .turinys img { border-radius: 18px; }
.ltg-prieiga { background: var(--citrina); color: var(--egle); border-radius: 14px; padding: 12px 18px; font-weight: 600; font-size: 15px; display: inline-block; }

/* Paskyra: mano gidai ir planai */
.ltg-paskyros-sarasas { display: grid; gap: 16px; margin-top: 10px; }
.ltg-paskyros-sarasas a.eilute { display: grid; grid-template-columns: 96px 1fr auto; gap: 18px; align-items: center; background: #fff; border-radius: 18px; padding: 12px; text-decoration: none; }
.ltg-paskyros-sarasas img { width: 96px; height: 72px; object-fit: cover; border-radius: 12px; }
.ltg-paskyros-sarasas b { font-family: Montserrat, sans-serif; font-weight: 900; color: var(--egle); display: block; }
.ltg-paskyros-sarasas small { color: var(--pilka); }
.ltg-paskyros-sarasas .atidaryti { font-weight: 600; color: var(--oranzine-tamsi); padding-right: 10px; }

@media (max-width: 960px) {
  .virsus .paskyra { display: none; }
  .ltg-gidu-sarasas .gidu-tinklas { grid-template-columns: 1fr 1fr; }
  .ltg-gidas-virsus .vidus { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 600px) {
  .ltg-gidu-sarasas .gidu-tinklas { grid-template-columns: 1fr; }
  .ltg-uzrakinta { padding: 24px 20px; }
  .ltg-paskyros-sarasas a.eilute { grid-template-columns: 72px 1fr; }
  .ltg-paskyros-sarasas img { width: 72px; height: 56px; }
  .ltg-paskyros-sarasas .atidaryti { display: none; }
}

/* Meniu telefone */
.mob-meniu { display: none; position: relative; }
.mob-meniu summary { list-style: none; cursor: pointer; width: 44px; height: 44px; border-radius: 50%; background: #fff; display: grid; place-content: center; gap: 5px; }
.mob-meniu summary::-webkit-details-marker { display: none; }
.mob-meniu summary span { display: block; width: 20px; height: 2.5px; border-radius: 2px; background: var(--egle); }
.mob-meniu[open] summary { background: var(--egle); }
.mob-meniu[open] summary span { background: var(--kremine); }
.mob-meniu nav { position: absolute; right: 0; top: 54px; background: #fff; border-radius: 18px; padding: 10px; min-width: 220px; box-shadow: 0 18px 40px -18px rgba(19, 63, 51, .45); display: grid; }
.mob-meniu nav a { padding: 12px 14px; border-radius: 12px; font-weight: 600; text-decoration: none; color: var(--egle); }
.mob-meniu nav a:hover { background: var(--kremine); }
@media (max-width: 960px) { .mob-meniu { display: block; } }

/* Gido pavadinimas */
.ltg-gidas-virsus h1 { font-size: clamp(34px, 3.8vw, 52px); }

/* Krepšelis antraštėje ir gido puslapyje */
.virsus .krepselis { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: var(--egle); text-decoration: none; }
.virsus .krepselis:hover { background: #fff; }
.virsus .krepselis .kiekis { position: absolute; top: 2px; right: 0; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 999px; background: var(--oranzine); color: #fff; font: 600 12px/19px Inter, sans-serif; text-align: center; }
.ltg-krepselyje { font-weight: 600; color: var(--egle); display: inline-flex; align-items: center; gap: 8px; }
.ltg-krepselyje::before { content: ""; width: 22px; height: 22px; border-radius: 50%; background: var(--citrina) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='m6.5 11.5 3 3 6-6.5' stroke='%23133F33' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 22px no-repeat; }
.ltg-pranesimai { padding-top: 20px; }
.ltg-pranesimai .woocommerce-message, .ltg-pranesimai .wc-block-components-notice-banner { border-radius: 14px; }

/* Poraštė: kontaktai, socialiniai tinklai, mokėjimai */
.porraste .klausimai { margin: 22px 0 16px; font-size: 15px; line-height: 1.5; }
.porraste .klausimai a { color: var(--kremine); font-weight: 600; }
.porraste .klausimai a:hover { color: var(--citrina); }
.porraste .socialiniai { display: flex; gap: 10px; }
.porraste .socialiniai a, .porraste .socialiniai span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255, 246, 232, .25); color: var(--kremine); }
.porraste .socialiniai a:hover { background: var(--oranzine); border-color: var(--oranzine); color: #fff; }
.porraste .socialiniai span { opacity: .75; }
.porraste .porrastes-apacia { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; border-top: 1px solid rgba(255, 246, 232, .14); padding-top: 24px; margin-top: 20px; }
.porraste .porrastes-apacia .teises { border: 0; padding: 0; margin: 0; }
.porraste .mokejimai { display: flex; gap: 8px; flex-wrap: wrap; }
.porraste .mokejimai svg { display: block; border-radius: 5px; }

/* Antraštės mygtukas telefone vienoje eilutėje */
.virsus .mygt { white-space: nowrap; }
@media (max-width: 420px) {
  .virsus .vidus { gap: 10px; }
  .virsus .veiksmai { gap: 6px; }
  .virsus .mygt { padding: 10px 14px; font-size: 13.5px; }
  .logo img { height: 40px; }
}

/* Kontaktų forma */
.ltg-kontaktai { margin-top: 28px; }
.ltg-forma { display: grid; gap: 16px; background: #fff; border-radius: 24px; padding: 28px; }
.ltg-forma .dvi { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ltg-forma label { display: grid; gap: 6px; font-weight: 600; font-size: 15px; color: var(--egle); }
.ltg-forma input, .ltg-forma select, .ltg-forma textarea { font: 400 16px/1.5 Inter, sans-serif; color: var(--rasalas); background: var(--kremine); border: 1.5px solid #E6D9C4; border-radius: 14px; padding: 12px 14px; width: 100%; }
.ltg-forma input:focus, .ltg-forma select:focus, .ltg-forma textarea:focus { outline: none; border-color: var(--egle); box-shadow: 0 0 0 3px rgba(19, 63, 51, .15); }
.ltg-forma .pastaba { font-size: 14px; color: var(--pilka); margin: 0; }
.ltg-forma button { justify-self: start; border: 0; }
.ltg-slepti { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.ltg-forma-ok { background: var(--citrina); color: var(--egle); border-radius: 18px; padding: 20px 24px; font-weight: 600; }
.ltg-forma-klaida { background: #FDE3D6; color: #8A2E0A; border-radius: 14px; padding: 12px 16px; font-weight: 600; }
@media (max-width: 600px) { .ltg-forma { padding: 20px; } .ltg-forma .dvi { grid-template-columns: 1fr; } }
