/* CHILL HILL - PALIKIMO SLUOKSNIS (P13-VERTIMAS, 2026-08-28).

   KAS CIA YRA: taisykles is buvusio AURORA GLASS `app.css`, kuriu prototipas
   NETURI, bet kurios tebereikalingos puslapiams ir sekcijoms, kuriu prototipe
   nera: /uzsakymas kalendorius ir suvestine (.cal*, .book*), /nameliai
   isdestymas (.prop*), titulinio sekcijos `video`, `galerija`, `kodel`
   (.vid*, .gal*, .why*), namelio kortelės papildomas kunas (.pcard__body,
   .pcard__facts, .pcard--soon) ir kelios smulkmenos (.g-btn--glass,
   .g-chip--accent, .g-toast).

   KODEL ATSKIRAS FAILAS: `app.css` nuo P13 yra prototipo CSS 1:1 kopija.
   Viskas, kas prototipe neegzistuoja, i ji nerasoma - kitaip kito vertimo
   metu nebutu imanoma pasakyti, kas is prototipo, o kas ne.

   KRAUNAMAS PASKUTINIS, todel cia LEIDZIAMA tik tos klases, kuriu prototipas
   neapibrezia. Klases, kurios yra abiejose pusese (.g-btn, .glass, .pcard__media,
   .rev__card ...) - i si faila NEDEDAMOS: laimeti turi prototipas.

   Isimtis viena, samoninga: `.why` - prototipe si klase apibrezta (tamsi
   juosta), bet prototipo tituliniame NENAUDOJAMA. Aplikacijos `kodel` sekcija
   ja naudoja kaip tinkleli, todel cia perrasoma i aplikacijos varianta.

   Taisykles perkeltos ZODIS I ZODI is app.css (backup:
   ~/chillhill-app-BAK-P13-20260828-1414.tar.gz). Naujo dizaino cia nekuriama.
   `--sc-far` (istrinta AURORA scenu spalva) pakeista i --shopium-sage-soft -
   ta pati reiksme, kuria media.css jau naudojo placeholderiams. */

@layer reset, tokens, base, components, sections, modules, skin;

@layer components{
  .g-btn--glass{
    background:var(--shopium-glass-tint);color:var(--shopium-heading);
    border:1px solid var(--shopium-glass-line);
    backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)
  }
  .g-btn--glass:hover{border-color:var(--shopium-accent);transform:translateY(-1px)}
  .g-chip--accent{background:var(--shopium-accent);color:var(--shopium-on-accent);border-color:transparent;font-weight:600}
}

@layer sections{
  /* antrastes CTA - prototipo antrasteje jo vietoje yra .g-hdr__side */
  .g-hdr__cta{margin-inline-start:auto}
  @media (min-width:992px){
    .g-hdr__cta{margin-inline-start:0}
  }

  /* hero juostos sveciu laukelis - prototipo bookbar tinklelis kitoks */
  .bookbar__guests{grid-column:1/-1}
  @media (min-width:768px){
    .bookbar__guests{grid-column:auto}
  }

  /* namelio kortele: papildomas kunas po stiklu (prototipe jo nera) */
  .pcard__facts{display:flex;flex-wrap:wrap;gap:var(--shopium-space-2);
    font-size:.82rem;color:var(--shopium-text-muted)}
  .pcard__facts li{display:flex;align-items:center;gap:var(--shopium-space-2)}
  .pcard__body{padding:var(--shopium-space-5)}
  .pcard--soon .pcard__media svg{filter:grayscale(.45) brightness(.8)}
  /* --- VIDEO --- */
  .vid{position:relative;border-radius:var(--shopium-radius-xl);overflow:hidden;aspect-ratio:16/9;background:var(--shopium-sage-soft)}
  .vid > svg{position:absolute;inset:0;width:100%;height:100%}
  .vid::after{content:"";position:absolute;inset:0;background:rgba(7,11,10,.34)}
  .vid__play{position:absolute;inset:0;z-index:2;display:grid;place-items:center}
  .vid__btn{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;
    color:var(--shopium-heading);transition:transform .2s ease}
  .vid__btn:hover{transform:scale(1.06)}
  .vid__btn svg{width:26px;height:26px;margin-inline-start:4px}
  .vid__cap{position:absolute;z-index:2;left:var(--shopium-space-4);bottom:var(--shopium-space-4);
    right:var(--shopium-space-4);display:flex;flex-wrap:wrap;gap:var(--shopium-space-2)}
  .vid__pair{display:grid;gap:var(--shopium-space-4);margin-top:var(--shopium-space-4)}
  @media (min-width:768px){ .vid__pair{grid-template-columns:repeat(2,minmax(0,1fr))} }
  .vid--sm{aspect-ratio:16/10}
  .vid--sm .vid__btn{width:64px;height:64px}

  /* --- GALERIJA --- */
  .gal{display:grid;gap:var(--shopium-space-3);grid-template-columns:repeat(2,minmax(0,1fr))}
  @media (min-width:768px){ .gal{grid-template-columns:repeat(4,minmax(0,1fr))} }
  .gal figure{position:relative;margin:0;border-radius:var(--shopium-radius-md);overflow:hidden;
    background:var(--shopium-sage-soft);aspect-ratio:var(--r,1/1);min-width:0}
  .gal figure svg{position:absolute;inset:0;width:100%;height:100%;
    transition:transform .5s cubic-bezier(.2,.7,.3,1)}
  .gal figure:hover svg{transform:scale(1.06)}
  .gal figcaption{position:absolute;left:8px;bottom:8px;right:8px;
    padding:8px 12px;border-radius:var(--shopium-radius-sm);font-size:.78rem;
    color:var(--shopium-heading);
    background:var(--shopium-glass-tint);border:1px solid var(--shopium-glass-line);
    backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);
    opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}
  .gal figure:hover figcaption,.gal figure:focus-within figcaption{opacity:1;transform:none}
  @media (hover:none){ .gal figcaption{opacity:1;transform:none} }
  .gal__wide{grid-column:span 2}

  /* atsiliepimu sarasas be karuseles - naudoja /nameliai puslapis */
  .rev__list{display:grid;gap:var(--shopium-space-4)}
  @media (min-width:992px){ .rev__list{grid-template-columns:repeat(2,minmax(0,1fr))} }

  /* --- JUOSTA "kodel tiesiogiai" --- */
  .why{display:grid;gap:var(--shopium-space-4)}
  @media (min-width:768px){ .why{grid-template-columns:repeat(3,minmax(0,1fr))} }
  .why__i{padding:var(--shopium-space-5);display:grid;gap:var(--shopium-space-2);align-content:start}
  .why__n{font-family:var(--shopium-font-display);font-size:2rem;color:var(--shopium-accent);line-height:1}
}

@layer modules{
  .cal{padding:var(--shopium-space-4);display:grid;gap:var(--shopium-space-3)}
  .cal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--shopium-space-2)}
  .cal__title{font-family:var(--shopium-font-display);font-size:1.05rem;color:var(--shopium-heading);text-transform:capitalize}
  .cal__nav{display:flex;gap:var(--shopium-space-2)}
  .cal__nav .g-btn{min-height:44px;min-width:44px;padding:0}
  .cal__months{display:grid;gap:var(--shopium-space-4)}
  @media (min-width:992px){ .cal__months--two{grid-template-columns:repeat(2,minmax(0,1fr))} }
  .cal__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
  .cal__dow{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--shopium-text-muted);
    font-weight:600;text-align:center;padding-block:var(--shopium-space-2)}
  .cal__d{
    min-height:44px;min-width:44px;border-radius:var(--shopium-radius-sm);
    display:grid;place-items:center;font-size:.9rem;color:var(--shopium-text);
    border:1px solid transparent;background:none
  }
  .cal__d:hover:not(:disabled){border-color:var(--shopium-accent)}
  .cal__d--sel{background:var(--shopium-accent);color:var(--shopium-on-accent);font-weight:600}
  .cal__d--range{background:rgba(143,227,196,.18)}
  .cal__d--taken{color:var(--shopium-text-muted);opacity:.38}
  .cal__d--noprice{color:var(--shopium-text-muted);border-bottom:1px dashed var(--shopium-glass-line)}
  .cal__d--past{opacity:.2}
  .cal__d:disabled{cursor:default}
  .cal__d--empty{visibility:hidden}

  /* --- BOOKING PANELIS (property psl.) - esami primityvai, tik isdestymas --- */
  .prop{display:grid;gap:var(--shopium-space-6)}
  @media (min-width:992px){
    .prop{grid-template-columns:minmax(0,1fr) 380px;align-items:start}
    .prop__aside{position:sticky;top:calc(var(--hdr-h) + 16px)}
  }
  .book{padding:var(--shopium-space-5);display:grid;gap:var(--shopium-space-4)}
  .book__rows{display:grid;gap:var(--shopium-space-2);font-size:.9rem}
  .book__row{display:flex;justify-content:space-between;gap:var(--shopium-space-3)}
  .book__row span:last-child{white-space:nowrap}
  .book__row--total{border-top:1px solid var(--shopium-glass-line);padding-top:var(--shopium-space-3);
    align-items:baseline}
  .book__note{font-size:.8rem;color:var(--shopium-text-muted)}
  .book__chips{display:flex;flex-wrap:wrap;gap:var(--shopium-space-2)}
  .book__chips .g-chip{cursor:pointer;user-select:none}
  .book__chips input{position:absolute;opacity:0;pointer-events:none}
  .book__chips .g-chip:has(input:checked){background:var(--shopium-accent);color:var(--shopium-on-accent);border-color:transparent;font-weight:600}
  .book__err{font-size:.85rem;color:var(--shopium-heading);background:rgba(255,255,255,.06);
    border:1px solid var(--shopium-glass-line);border-radius:var(--shopium-radius-sm);
    padding:var(--shopium-space-3)}

  /* --- GLASS TOAST (G5 - video "ruosiamas") --- */
  .g-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);
    z-index:80;padding:var(--shopium-space-3) var(--shopium-space-5);font-size:.9rem;color:var(--shopium-heading)}
  @media (min-width:992px){ .g-toast{bottom:var(--shopium-space-6)} }
}