/* CHILL HILL - teisiniu puslapiu sluoksnis (M-TEISE).
   Perkelta is chillhill-cc/demo/{pirkimo-taisykles,nuomos-taisykles,
   privatumo-politika,kontaktai}.html 1:1. Tik --shopium-* tokenai.

   Kraunamas TIK teisiniuose puslapiuose (@push('head') is legal.blade.php),
   todel titulinis sio svorio nenesa. Del tos pacios priezasties main ir
   .g-foot taisykles cia neapribotos klase - kitur sis failas neegzistuoja. */

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

@layer sections{
  .pp{max-width:calc(var(--shopium-container) - 2 * var(--shopium-gutter));margin-inline:auto;
    background:var(--shopium-plate-bg);border-radius:var(--shopium-radius-lg);
    box-shadow:var(--shopium-plate-shadow);
    padding:var(--shopium-space-7) var(--shopium-gutter);position:relative;z-index:1}
  .pp__head{max-width:70ch}
  .pp__date{font-size:.86rem;color:var(--shopium-text-muted);margin-top:var(--shopium-space-3)}
  .pp__toc{margin:var(--shopium-space-7) 0 0;padding:var(--shopium-space-5);
    border:1px solid var(--shopium-line);border-radius:var(--shopium-radius-md);
    background:var(--shopium-bg)}
  .pp__toc h5{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;
    color:var(--shopium-text-muted);margin:0 0 var(--shopium-space-3);font-weight:600}
  .pp__toc ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
  .pp__toc a{color:var(--shopium-ink-700);text-decoration:none;font-size:.92rem}
  .pp__toc a:hover{color:var(--shopium-accent);text-decoration:underline}
  @media (min-width:768px){ .pp__toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px var(--shopium-space-6)} }
  .pp__sec{margin-top:var(--shopium-space-7);scroll-margin-top:110px}
  .pp__sec h2{display:flex;gap:var(--shopium-space-3);align-items:baseline;
    font-size:clamp(1.15rem,1rem + .7vw,1.5rem);margin-bottom:var(--shopium-space-4)}
  .pp__sec h2 span{font-size:.8rem;color:var(--shopium-accent);font-family:var(--shopium-font-body);
    font-weight:600;flex:none}
  .pp__sec h3{font-size:1rem;margin:var(--shopium-space-5) 0 var(--shopium-space-2)}
  .pp__sec p{margin:0 0 var(--shopium-space-4);max-width:76ch;color:var(--shopium-text)}
  .pp__list{margin:0 0 var(--shopium-space-4);padding-left:var(--shopium-space-5);
    display:grid;gap:6px;max-width:76ch;color:var(--shopium-text)}
  .pp__list li{list-style:disc}
  .pp__list b{font-weight:600;color:var(--shopium-heading)}
  .pp__note{padding:var(--shopium-space-4);border-radius:var(--shopium-radius-sm);
    background:var(--shopium-sage-soft);font-size:.92rem}
  .pp__tbl{display:grid;border:1px solid var(--shopium-line);border-radius:var(--shopium-radius-md);
    overflow:hidden;margin-bottom:var(--shopium-space-4)}
  .pp__tr{display:grid;gap:var(--shopium-space-2);padding:var(--shopium-space-4);
    border-bottom:1px solid var(--shopium-line);font-size:.94rem}
  .pp__tr:last-child{border-bottom:0}
  .pp__tr--h{background:var(--shopium-bg);font-weight:600;font-size:.8rem;
    letter-spacing:.08em;text-transform:uppercase;color:var(--shopium-text-muted)}
  .pp__tr small{display:block;color:var(--shopium-text-muted);font-size:.84rem;margin-top:2px}
  @media (min-width:768px){
    .pp{padding-inline:var(--shopium-space-8)}
    .pp__tr{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:var(--shopium-space-5)}
  }
  @media (max-width:767px){
    .pp{width:calc(100% - 2 * var(--shopium-space-4));border-radius:var(--shopium-radius-md);
      padding-inline:var(--shopium-space-5)}
  }
  /* P13-VERTIMAS: buves `.g-foot{background:var(--shopium-ink-900)}` ISIMTAS.
     Jis buvo reikalingas, kol aplikacijos poraste neturejo fono nuotraukos.
     Prototipo kontaktai.html poraste yra TA PATI kaip titulinio - su
     `.g-foot__bg` nuotrauka ir rgba(8,18,14,.87) sluoksniu, todel perrasos
     nebereikia ir poraste visuose puslapiuose atrodo vienodai. */
  /* header yra fixed - teisiniuose puslapiuose hero nera, todel turini
     nustumiam patys */
  main{position:relative;z-index:1;
    padding-block:var(--shopium-space-8) var(--shopium-space-9);
    margin-top:var(--hdr-h,88px)}
}
