/* ==========================================================================
   Podnozje. Kartica 1286 x 254 unutar kontejnera, mjere iz PDF-a (÷16 u rem).
   Raspored krugova mreža i visina kartice su iz Pragmine slike 34 (M30).
   ========================================================================== */

/* RAZMAK IZNAD PODNOŽJA je svojstvo STRANICE, ne podnožja: izmjereno na
   svih 33 PDF-a (od zadnjeg sadržaja iznad do vrha kartice podnožja) ide
   od 18 (Testimonianze) do 104 px (Prezzi). Najčešća vrijednost je 34 —
   stranice s karticama povjerenja V2 na kraju (sve Soluzioni, Odontoiatria
   digitale, Laboratorio) — i ona je zadana. Stranica koja traži drugu mjeru
   je upisuje u polje „Spazio sopra il footer" (`footer_spacing_top`), a
   `footer.php` je ispisuje kao `--footer-pt`. Prije je ovdje stajalo 48 za
   sve, pa je kartica podnožja na 22 stranice bila 7 do 30 px preniska.

   RAZMAK ISPOD pravne linije je iz istog razloga mjera stranice: od tinte
   pravne linije do kraja PDF-a ide od 31 do 198 px (Invisalign 198,
   Apicectomia 162, Denti fissi 140 ...), a svaki PDF ga ima drukčiji.
   Zadano je 40 px ispod okvira reda (= 45 px od tinte, sredina guste skupine
   od 16 stranica), a stranica s drugom mjerom je upisuje u polje „Spazio
   sotto il footer" (`footer_spacing_bottom`) -> `--footer-pb`. */
.site-footer { padding-block: var(--footer-pt, 2.125rem) var(--footer-pb, 2.5rem); }  /* 34 / 40 */
/* Članak bloga nije stranica s poljima: 06a_Blog interno.pdf ima 67 px od
   tinte pravne linije do kraja, dakle 62 ispod okvira reda. */
.single-post .site-footer { --footer-pb: 3.875rem; }   /* 62 */

/* Visina kartice više nije stalnih 295 (PDF): nosi je kolona adrese, koja je
   u toku (vidi „M30" niže), uz najmanju visinu 254 sa slike 34. */
.footer-card {
  position: relative;
  border-radius: var(--r-footer);
  /* `--c-footer-bg` = „Sfondo del riquadro del footer" iz postavki, samo kad
     je popunjeno (smile_boje_sajta()); inače preljev iz dizajna. */
  background: var(--c-footer-bg, var(--grad-card)); /* #1f1d1b -> #0d0d0c vodoravno */
  overflow: hidden;
}

.footer-card__logo {
  position: absolute;
  left: 1.25rem;               /* 133 - 113: lijevi rub plavog luka u PDF-u */
  top: 2.61rem;                /* 41,76: vrh slova „smile" */
  width: 9.5rem;               /* 152: od luka do „e" (133..285) */
  height: 2.788375rem;         /* 44,614 — omjer vektora iz PDF-a 185,36/54,406 */
}
.footer-card__logo img { width: 100%; height: 100%; object-fit: contain; }

/* KOLONA JE STUPAC U TOKU, a ne niz apsolutnih komada.

   Naslov, redovi, odlomak i dugme su stajali svaki na svom `top` (42 / 83 /
   82 / 154). Čim urednik upiše duži naslov ili četvrti red radnog vremena,
   komadi su padali jedan preko drugog (nezavisna kontrola: „QA-DANI-3" i
   „QA-ZATVORENO" na istom y 123). Sada kolona ima samo gornju uvlaku 42, a
   ispod naslova ide ostatak redom, pa duži tekst gura ono ispod sebe.

   Mjere su iste: naslov 42 + prored 22,4 + razmak 18,6 = redovi na 83;
   odlomak rezervacije 1 px više (82, isti pomak kao ranije); dva reda sati
   po 20 = drugi blok na 123; odlomak 82 + 3 × 17 + 21 = dugme na 154.
   Kolona je i dalje apsolutna (x iz dizajna); izuzetak je kolona adrese na
   desktopu, koja je u toku i nosi visinu kartice (M30, niže). */
.footer-col { position: absolute; top: 0; padding-top: 2.625rem; }   /* 42 */
.footer-col--address { left: 13.5rem; width: 15rem; }   /* 329 - 113 = 216 */
.footer-col--hours   { left: 30.625rem; width: 22rem; } /* 603 - 113 = 490 */
.footer-col--booking { left: 54rem; width: 21.75rem; } /* 977 - 113 = 864; sirina 348 da odlomak stane u tri reda */

.footer-col__title {
  /* Vrh naslova je uvlaka kolone: 42 (bilo 41). GG-03 / DF-01: težište
     slova naslova, mjereno od vrha kartice podnožja na šest PDF-ova (Denti
     fissi, Gengivectomia, Odontoiatria digitale, Testimonianze, Invisalign,
     DSD), stajalo je 0,9–1,7 px (prosjek 1,3) iznad dizajna. Isti pomak na
     svih šest, pa je to podnožje, ne crtež jednog PDF-a.
     Naslov s razmakom ispod zauzima TAČNO 41 (83 - 42): najmanja visina
     41, a donja uvlaka 18,6 vrijedi tek kad je naslov u dva reda. Sa samo
     uvlakom (22,4 + 18,6) preglednik prored zaokruži naniže na 1/64 px i
     redovi su padali na 82,98, dovoljno da se tekst pomakne za piksel.
     Duži naslov ide u drugi red (širina kolone) i gura redove nadolje,
     umjesto da prelazi u susjednu kolonu. */
  box-sizing: border-box;
  min-height: 2.5625rem;       /* 41 */
  margin: 0;
  padding-bottom: 1.1625rem;   /* 18,6 */
  font-size: var(--fs-label);  /* 16 */
  font-weight: var(--footer-title-fw, var(--fw-bold));
  line-height: 1.4;
  color: var(--c-footer-fg, var(--c-white));
}

.footer-col__lines {
  margin: 0;                   /* vrh na 83: vidi naslov */
  font-size: var(--fs-body);   /* 14 */
  font-weight: var(--footer-text-fw, var(--fw-light));   /* „Peso di indirizzo, telefoni e orari" */
  line-height: 1.25rem;        /* korak 20 */
  color: var(--c-footer-fg, var(--c-white));
}
/* Drugi blok sati ide odmah ispod prvog: 83 + dva reda po 20 = 123, tacno
   gdje ga dizajn ima; s više redova u prvom bloku silazi niže. */
.footer-col__lines a { color: inherit; text-decoration: none; }
.footer-col__lines a:hover { color: var(--c-accent); }
.footer-col__lines .is-days { font-weight: var(--footer-days-fw, var(--fw-semibold)); }
.footer-col__lines .is-days.is-bold { font-weight: var(--footer-last-fw, var(--fw-bold)); }
/* Raspon vremena se ne lomi na crtici (GL-K4R-01): na 390 px je „8:00–”
   ostajalo na kraju reda, a „20:00” prelazilo u sljedeći. */
.footer-col__lines .is-time { white-space: nowrap; }

.footer-col__text {
  /* 82 (bilo 83): odlomak treće kolone je na istih šest PDF-ova stajao
     0,4–1,1 px (prosjek 0,8) ispod dizajna: 42 + 41 - 1. */
  margin: -0.0625rem 0 0;
  font-size: var(--fs-body);
  font-weight: var(--fw-regular);
  line-height: 1.0625rem;      /* 17, kako je u PDF-u */
  color: var(--c-footer-fg, var(--c-white));
}

.footer-col__cta {
  /* 154 (bilo 155): pilula 0,9–1,0 px ispod dizajna na šest PDF-ova.
     Odlomak završava na 82 + 3 × 17 = 133, pa je razmak 21. Pilula počinje
     na x=977, kao i naslov kolone. */
  display: flex;
  margin-top: 1.3125rem;       /* 21 */
  width: 11.78125rem;          /* 188,5 */
  height: 2.6875rem;           /* 43 */
  padding-left: 2.3125rem;     /* natpis pocinje na 1014, pilula na 977 */
  padding-right: 0.5rem;
}

/* Krugovi mreža su u koloni adrese, ispod zadnjeg reda (M30, slika 34).
   Ranije: apsolutno u donjem desnom uglu kartice (x 1132, y 238,4 od
   kartice, iz PDF-a). Razmak krugova 13 ostaje. */
.footer-social {
  display: flex;
  gap: 0.8125rem;              /* 13: centri na razmaku 48, kao u PDF-u i na slici 34 */
}
/* Ikone su u PDF-u raster (306 x 98 za 150 x 48), izmjeren u prirodnoj
   rezoluciji: krug 35,2, a znak tačno u sredini kruga (pomak 0,0 / 0,2).
   Facebook je okrugli znak (pun krug s izrezanim „f", 16,6 x 17,1),
   Instagram 15,1 x 15,6, YouTube 18,6 x 13,7. Sajt je imao golo „f" i sva
   tri znaka 3-4 px iznad sredine: SVG je stajao u `<span>` koji je red
   teksta, pa je dno znaka sjedalo na liniju pisma, a ne u sredinu. */
.footer-social__link {
  display: grid;
  place-items: center;
  width: 2.1875rem;            /* 35 */
  height: 2.1875rem;
  border-radius: 50%;
  /* „Colore dei cerchi / delle icone dei social", samo kad su popunjeni. */
  background: var(--c-social-bg, var(--c-white));
  color: var(--c-social-fg, var(--c-black));
  transition: background .2s ease, color .2s ease;
}
.footer-social__ikona { display: block; line-height: 0; }
.footer-social__ikona svg { display: block; width: 100%; height: auto; }
/* Širina znaka kao udio kruga, pa isto pravilo vrijedi i za mobilni krug. */
.footer-social__ikona--facebook  { width: 48.6%; }   /* 17 / 35 */
.footer-social__ikona--instagram { width: 44%; }     /* 15,4 / 35 */
.footer-social__ikona--youtube   { width: 53.1%; }   /* 18,6 / 35 */
.footer-social__link:hover { background: var(--c-accent); color: var(--c-white); }

/* M30 (Pragma, 30. 9. 2026, slika 34) — SAMO desktop; telefon ima svoj
   raspored niže i ostaje kakav je.

   Slika 34 (skala 0,7831 = kartica 1007 px / 1286) je današnje podnožje s
   jednom razlikom: krugovi mreža su ispod adrese, 21 ispod okvira zadnjeg
   reda (kao dugme ispod odlomka u trećoj koloni) i 35 iznad dna kartice,
   pa je kartica 254 umjesto 295. Logo, naslovi, redovi i dugme ostaju na
   istim mjestima.

   Kolona adrese je zato U TOKU (relativna, isti x 216 kao ranije) i nosi
   visinu kartice: 42 + 41 + 4 × 20 + 21 + 35 + 35 = 254. Kad urednik doda
   red adrese, krugovi i kartica idu niže umjesto da se preklope s
   tekstom. Ostale dvije kolone su i dalje apsolutne (sati sa 6 redova:
   42 + 41 + 6 × 20 = 203 < 254). Krugovi su na lijevom rubu teksta
   kolone (216); na slici 34 su 3 px lijevo (213), što je nepreciznost
   makete — sve ostalo na slici je tačno na današnjim koordinatama. */
@media (min-width: 1024px) {
  .footer-card { min-height: 15.875rem; }          /* 254 */
  .footer-col--address { position: relative; padding-bottom: 2.1875rem; }   /* 35 ispod krugova */
  .footer-social { margin-top: 1.3125rem; }        /* 21 */
}

/* pravna linija: 44 px ispod kartice */
/* Pozicije su iz PDF-a: linkovi na 113, krediti na 810, copyright desno na 1399.
   Blok nije centriran, pa se ne koristi grid nego apsolutne koordinate. */
.footer-legal {
  position: relative;
  min-height: 1.375rem;        /* 22; viši samo kad se red prelomi (vidi niže) */
  margin-top: 2.75rem;         /* 44 */
  /* Tekst pravnog reda je na šest PDF-ova 1,0–1,7 px (prosjek 1,3) iznad
     dizajna, mjereno od vrha kartice. Pomjera se `top`, ne margina: visina
     podnožja i stranice ostaje ista (razmak ispod reda je mjera stranice,
     `--footer-pb`). Na telefonu je blok `position: static`, pa ovo tamo ne
     vrijedi. */
  top: .0625rem;               /* 1 */
  font-size: var(--fs-legal);  /* 13 */
  font-weight: var(--footer-legal-fw, var(--fw-light));   /* „Peso della riga legale" */
  line-height: 1.4;
  color: var(--c-footer-fg, var(--c-white));
  /* Tri komada u redu koji se smije prelomiti. Potpis počinje na 697 (810 -
     113) DOK meni stane lijevo od toga; duži meni (npr. peta stavka) gura
     potpis udesno. Copyright je desno poravnat.

     Do sada je ovo bila mreža bez razmaka između stupaca, pa je duži meni
     (nezavisna kontrola: 818,8 px) potpis zalijepio uz meni („…del
     solitowith love"), a uz dug copyright meni se lomio u dva reda i potpis
     lijepio uz copyright. Sada:
     - razmak od 24 px iza menija i iza potpisa je unutrašnji desni razmak
       (`padding-right`), ne razmak reda. Meni iz dizajna je kraći od
       697 - 24, pa `min-width: 697` i dalje drži potpis tačno na 810, a
       copyright je i dalje uz desni rub: bez izmjena je piksel isto;
     - natpis menija se nikad ne lomi u sebi (`nowrap` na stavci);
     - kad sve ne stane u jedan red, copyright (pa po potrebi i potpis)
       prelazi u svoj red, desno, i podnožje postane više za taj red. */
  display: flex;
  flex-wrap: wrap;
  row-gap: .25rem;             /* 4, samo kad se red prelomi */
}
.footer-legal__links {
  flex: 0 1 auto;
  min-width: 43.5625rem;       /* 697 */
  padding-right: 1.5rem;       /* 24 */
}
.footer-legal__credits { flex: 0 0 auto; padding-right: 1.5rem; }   /* 24 */
.footer-legal__copy { flex: 0 0 auto; }
.footer-legal__list {
  display: flex;
  flex-wrap: wrap;             /* samo ako meni sam pređe širinu reda */
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-legal__list li { white-space: nowrap; }
/* PDF nema ujednacene razmake oko crta: prije druge i trece crte stoji
   dvostruki razmak. Crte padaju na 189,2 / 386,2 / 558,4.

   Crta je STVARAN tekst u dokumentu, ne `content` iz CSS-a. Dok je dolazila
   iz `::before`, nije ulazila ni u `innerText` ni u izvlaceni tekst, pa je
   pravna linija na sajtu glasila "Impressum Termini e condizioni generali
   ..." a u dizajnu "Impressum | Termini e condizioni generali | ...". Ta dva
   niza se ne uparuju, pa je cijela linija bila "nema na sajtu" na svih 32
   stranice. Dizajn crte crta kao tekst, dakle i sajt ih tako treba imati. */
.footer-legal__list .footer-legal__sep { display: inline-block; }
/* Desna margina je NULA, jer razmak iza crte sada nosi sam dokument: crta je
   ispisana kao „|" + razmak, da bi se blok uparivao s PDF-om. Razmak u
   Poppinsu od 13 px je 3,6 px, dakle tacno onoliko koliko je ovdje stajalo. */
.footer-legal__list li:nth-child(2) .footer-legal__sep { margin: 0 0 0 0.2231rem; }  /* 3,57 */
.footer-legal__list li:nth-child(3) .footer-legal__sep { margin: 0 0 0 0.4456rem; }  /* 7,13 */
.footer-legal__list li:nth-child(4) .footer-legal__sep { margin: 0 0 0 0.4450rem; }  /* 7,12 */
/* Stavke preko četiri iz dizajna (urednik ih dodaje u Aspetto › Menu) dobiju
   isti dvostruki razmak ispred crte kao treća i četvrta. */
.footer-legal__list li:nth-child(n+5) .footer-legal__sep { margin: 0 0 0 0.4450rem; }
.footer-legal__list a { color: inherit; text-decoration: none; }
.footer-legal__list a:hover { color: var(--c-accent); }
.footer-legal__credits { margin: 0; white-space: nowrap; }
.footer-legal__credits .is-accent { color: var(--c-accent); }
/* Linkovi u potpisu (M30: „Pragma" i „Nava" klikabilni). U mirovanju isto
   kao tekst potpisa; boju akcenta i dalje daje `.is-accent` (0,2,0), bilo da
   je klasa na samom linku ili na `<span>` oko njega. Hover: podvlaka. */
.footer-legal__credits a { color: inherit; text-decoration: none; }
.footer-legal__credits a:hover { text-decoration: underline; text-underline-offset: .15em; }
.footer-legal__copy { margin: 0 0 0 auto; white-space: nowrap; }   /* auto = uz desni rub */

/* ===================== mobilni =====================
   Mjere iz Mobile HP.pdf (okvir 430, kontejner 36..394). Mobilni dizajn
   ima SAMO naslovnu stranu, pa je ovo jedino mjerilo i za ostale stranice.
   Sadržaj kartice je desktopov (odluka: newsletter uklonjen, sati i poziv
   ostaju), pa se po dizajnu mjeri ono što postoji u oba: rub kartice, logo,
   prva kolona, krugovi mreža i pravna linija. */
@media (max-width: 1023px) {
  /* Kartice povjerenja (dno 10472) -> kartica podnožja (10496): 24.
     Pravna linija 10 px (dno okvira 11047,5) -> kraj stranice (11074): 26,5.
     Varijabla stranice ovdje ne vrijedi: njene mjere su s okvira 1512. */
  .site-footer { padding-block: 1.5rem 1.65625rem; }   /* 24 / 26,5 */

  .footer-card {
    height: auto;
    /* Logo je 26 ispod vrha i 26 desno od lijevog ruba kartice (37 -> 63,1). */
    padding: 1.625rem 1.625rem var(--sp-32);
    border-radius: var(--r-award);
  }
  .footer-card__logo,
  .footer-col { position: static; }

  /* Logo 63,1..220 x 10522..10568: 157 x 46. Do okvira naslova 18. */
  .footer-card__logo { display: block; width: 9.8125rem; height: 2.871875rem; margin-bottom: 1.125rem; }
  /* Tekst kolone stoji 2 px desno od luka loga (65 naspram 63,1). */
  .footer-col { width: auto; margin-bottom: var(--sp-24); padding-top: 0; padding-left: .125rem; }
  .footer-col__title,
  .footer-col__lines,
  .footer-col__text,
  .footer-col__cta { position: static; }
  /* Okvir naslova (dno 10608,5) -> okvir prvog reda adrese (10627,3). */
  .footer-col__title { min-height: 0; padding-bottom: 0; margin-bottom: 1.175rem; }   /* 18,8 */
  /* M08 (Pragma, 30. 9. 2026: „all paragraph text on mobile is the same
     size"): adresa, telefoni, sati i odlomak rezervacije 14 / 22, kao svi
     odlomci na telefonu (mobilno.css). Bilo 16 / 20 iz Mobile HP.pdf. */
  .footer-col__lines,
  .footer-col__text { font-size: .875rem; line-height: 1.375rem; }   /* 14 / 22 */
  /* Širina po natpisu: stalnih 187 px je ostavljalo 91 px za „Prenota ora"
     od 93, pa se natpis lomio u dva reda i izlazio iz pilule. */
  .footer-col__text { margin-top: 0; }
  .footer-col__cta { display: inline-flex; margin-top: var(--sp-16); width: auto; }

  /* Krugovi mreža su u dizajnu USPRAVNI stupac desno uz adresu, redom
     Facebook, YouTube, Instagram: krug 25 (x 332..358, dakle 36 od desnog
     ruba kartice), vrhovi 10622 / 10655 / 10689 — 126 px ispod vrha kartice,
     korak 33,5.
     Od M30 je blok u HTML-u unutar kolone adrese, ali kolona je ovdje
     `static`, pa se `top` / `right` i dalje mjere od kartice: isto mjesto. */
  .footer-social {
    position: absolute;
    top: 7.875rem;               /* 126 */
    right: 2.25rem;              /* 36 */
    left: auto;
    display: flex;
    flex-direction: column;
    gap: .53125rem;              /* 8,5 */
  }
  .footer-social__link { width: 1.5625rem; height: 1.5625rem; }   /* 25 */
  .footer-social__link--youtube { order: 1; }
  .footer-social__link--instagram { order: 2; }

  /* Pravna linija: 22 ispod kartice, 14 px; ispod nje u JEDNOM redu 10 px
     „with love…" lijevo i „©…" desno, 21,6 ispod okvira linkova. Kad
     copyright iz postavki ne stane uz potpis, prelazi u svoj red. */
  .footer-legal {
    position: static;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: .75rem;
    row-gap: 0;                  /* desktop razmak prelomljenog reda ovdje ne važi */
    margin-top: 1.375rem;        /* 22 */
    text-align: left;
  }
  .footer-legal__links,
  .footer-legal__credits,
  .footer-legal__copy { position: static; }
  .footer-legal__links { flex: 1 0 100%; min-width: 0; padding-right: 0; margin-bottom: 1.35rem; font-size: var(--fs-body); overflow: hidden; }   /* 21,6 / 14 */
  /* Crte „|" između natpisa, kao u dizajnu. Mobile HP: „Policy" završava na
     128,83, crta je 136,51..140,16, „Cookie" počinje na 147,83 — od riječi
     do riječi 19,0, crta u sredini (7,68 | 3,65 | 7,67). Crta je dakle okvir
     od 19 px s crtom na sredini; `li` je flex, pa razmak iz ispisa između
     crte i linka ne ulazi u mjeru (prazan tekst u flexu se ne crta).

     Sajt ima četiri natpisa i duža (desktop meni), pa se lome u dva reda, a
     tada bi crta stajala SAMA na početku drugog reda. Zato je lista pomjerena
     19 px ulijevo, a okvir linkova reže sve lijevo od svog ruba: crta prvog
     natpisa u SVAKOM redu pada u tih 19 px i odsiječe se, a crte između
     natpisa u istom redu ostaju. Prvi natpis nema crtu u ispisu, pa ima
     prazan okvir iste širine. Desktop margine crta (po redu) ovdje ne važe. */
  .footer-legal__list { flex-wrap: wrap; gap: .375rem 0; margin-left: -1.1875rem; }   /* 6 / 19 */
  .footer-legal__list li { display: flex; white-space: normal; }
  /* Okvir crte je `width`, ne `flex-basis` (M30, Safari na iPhoneu): WebKit
     `flex-basis` stavke u flexu ne ubraja u vlastitu širinu `li`, pa je `li`
     bio uži od svog sadržaja za 19 px — natpis se lomio u dva reda, a „|"
     sljedećeg natpisa prelazio preko teksta. `width` + `flex: none` daje isti
     okvir od 19 px u svim preglednicima (Chromium piksel-isto), a natpis
     linka se ne lomi u sebi. */
  .footer-legal__list li:first-child::before { content: ""; flex: none; width: 1.1875rem; }
  .footer-legal__list .footer-legal__sep,
  .footer-legal__list li:nth-child(n) .footer-legal__sep { display: block; flex: none; width: 1.1875rem; margin: 0; text-align: center; }
  .footer-legal__list a { white-space: nowrap; }
  .footer-legal__credits,
  .footer-legal__copy { font-size: .625rem; text-align: left; white-space: normal; }   /* 10 */
  /* Desktop razmaci reda ovdje ne važe: telefon ima svoj `column-gap`, a
     copyright u vlastitom redu stoji lijevo, kao do sada. */
  .footer-legal__credits { padding-right: 0; }
  .footer-legal__copy { margin-left: 0; }
}