/* ==================================================================
   Salonček — /rezervacije (predložak page-rezervacije.php)
   Učitava se samo na tom predlošku (functions.php → saloncek_assets).

   Boje, font i gumbi forme dolaze iz Amelia → Prilagodi, ne odavde.
   Ovdje je samo ono što Amelia ne nudi. Override-i Amelije su u bloku 3,
   svi s prefiksom body.page-template-page-rezervacije da ne ovise o
   redoslijedu učitavanja. Nakon svakog ažuriranja Amelije provjeriti blok 3.
   ================================================================== */

/* 1) Naslov: kao na ostalim unutarnjim stranicama — pješčana sekcija počinje
      odmah ispod headera i sama nosi odmak (.slc-pagehero). header.php ovom
      predlošku dodaje .slc-main--inner s praznim odmakom, pa se on ovdje poništava. */
body.page-template-page-rezervacije .slc-main--inner{padding-top:0;}

/* 2) Pravila: iste širine i poravnanja kao forma (760 px = Amelijin --am-mw-main). */
.slc-rez-pravila{max-width:760px;margin:0 auto 32px;padding-left:1.2em;list-style:disc;display:grid;gap:8px;font-size:1.05rem;color:var(--espresso);}
.slc-rez-pravila li::marker{color:var(--accent-deep);}

/* 3) Amelijina forma ----------------------------------------------- */

/* Visina: Amelia ima fiksnih 560 px i vlastiti klizač. Zadržava se njen
   raspored, a visina prati ekran — na mobitelu forma zauzima jedan ekran
   ispod headera (88 px), pa se kalendar i termini ne skrolaju u sitnom okviru. */
body.page-template-page-rezervacije .amelia-v2-booking #amelia-container.am-fs__wrapper{
  height:calc(100vh - 112px);
  height:calc(100svh - 112px);
  min-height:480px;
  margin:0 auto;
  box-shadow:var(--shadow-md);
}
/* Sadržaj koraka: Amelia ga drži na fiksnih 444 px (560 − naslov − podnožje).
   Isti odnos, ali prema visini forme. Koraci koji već imaju svoj izračun
   (am-cap, am-capi, am-caep, am-fs__congrats) se ne diraju. */
body.page-template-page-rezervacije .amelia-v2-booking #amelia-container .am-fs__main-content:not(.am-cap):not(.am-capi):not(.am-caep):not(.am-fs__congrats){
  height:calc(100% - 118px);
}
@media (min-width:881px){
  /* Desktop: header 104 px + razmak; forma raste s ekranom, ali ne preko 680 px. */
  body.page-template-page-rezervacije .amelia-v2-booking #amelia-container.am-fs__wrapper{
    height:clamp(560px, calc(100vh - 152px), 680px);
  }
}

/* Fokus: isti obrub kao na ostatku weba i za Amelijine elemente koji ga nemaju. */
body.page-template-page-rezervacije #amelia-container :is(a,button,div[tabindex="0"]):focus-visible{
  outline:2px solid var(--accent-deep);
  outline-offset:2px;
}
/* Ćelija datuma: Amelijin JS upisuje obrub izravno u element (element.style,
   outline + outline-offset: -2px). Obrub ide na cijelu ćeliju, a vidljivi okvir s
   brojem Amelia uvlači od njenog ruba (na mobitelu 4 px lijevo, 3 px gore), pa
   stoji pomaknut. Upisani stil se može nadjačati samo s !important (standardi §5).
   Odabrani datum ostaje vidljiv po ispuni, današnji po točkici. */
body.page-template-page-rezervacije #amelia-container td.am-advsc__dayGridMonth-cell{outline:none !important;}

/* Fokus na datumu i terminu crta se na okviru, ne na ćeliji (vidi blok ispod). */
body.page-template-page-rezervacije #amelia-container :is(td[tabindex="0"],.am-advsc__slots-item):is(:focus,:focus-visible){outline:none;}
@media (hover:hover) and (pointer:fine){
  body.page-template-page-rezervacije #amelia-container td[tabindex="0"]:focus-visible .fc-daygrid-day-frame,
  body.page-template-page-rezervacije #amelia-container .am-advsc__slots-item:focus-visible .am-advsc__slots-item__inner{
    outline:2px solid var(--accent-deep);
    outline-offset:1px;
  }
}

/* Termini: Amelia ih na mobitelu stisne na ~29 px visine; dodirna meta najmanje 44 px. */
body.page-template-page-rezervacije .amelia-v2-booking #amelia-container .am-advsc__slots-item__inner{min-height:44px;}

/* Zadnji ekran (Čestitamo): blok „Dodaj u Kalendar" se ne prikazuje. Termin je
   u statusu na čekanju i nije potvrđen dok ne sjedne uplata, pa se ne upisuje
   u ničiji kalendar — iz istog razloga je ICS isključen za termine na čekanju.
   Nakon odobrenja klijentica dobiva ICS u mailu. */
body.page-template-page-rezervacije #amelia-container .am-fs-sb-atc{display:none;}

/* Padajući izbornici se ispisuju izvan .slc-site, na dnu stranice. */
body.page-template-page-rezervacije [id^="el-popper-container-"]{color-scheme:only light;}