/* MOBILE_RHYTHM_FOOTER R01 (izvor: build/mf_layer.py). Desktop: samo footer. Telefon: ritam čitanja. */
/* ---------- footer: tamna topla grafitna ---------- */
.foot{--ft-bg:#1f1d19;--ft-ink:#f2ede3;--ft-ink-2:#c9c1b2;--ft-ink-3:#a39b8c;--ft-line:rgba(242,237,227,.14);--ft-gold:#e9b850;
  background:var(--ft-bg);color:var(--ft-ink-2);border-top:0;margin-top:0;box-shadow:inset 0 1px 0 rgba(233,184,80,.55)}
.foot .foot-brand p{color:var(--ft-ink-2)}
.foot h3{color:var(--ft-gold)}
.foot ul a,.foot .w1-foot-grid a,.foot .hub-list a{color:var(--ft-ink-2)}
.foot .w1-foot-contact a{color:var(--ft-ink);border-bottom-color:rgba(233,184,80,.45)}
.foot .foot-base{color:var(--ft-ink-3);border-top-color:var(--ft-line)}
.foot .foot-base a{color:var(--ft-ink-2)}
.foot .hub{border-top-color:var(--ft-line)}
.foot .w1-soc-i{border-color:var(--ft-line);color:var(--ft-ink-2)}
.foot .w1-foot-card{color:var(--ft-ink-2);text-decoration-color:rgba(233,184,80,.45)}
.foot a:focus-visible{outline:2px solid var(--ft-gold);outline-offset:3px;border-radius:4px}
@media (hover:hover) and (pointer:fine){
  .foot ul a:hover,.foot .w1-foot-grid a:hover,.foot .hub-list a:hover,.foot .foot-base a:hover{color:var(--ft-ink);border-bottom-color:rgba(233,184,80,.6)}
  .foot .w1-soc-i:hover{color:var(--ft-ink);border-color:var(--ft-gold)}
}
/* telefon: duge liste footera (gradovi, delatnosti, dokaz) u redu, ne jedna stavka po liniji */
@media (max-width:640px){
  .foot{padding-top:40px}
  .foot .w1-foot-grid{gap:26px 20px}
  .foot .w1-foot-grid .foot-col:nth-child(n+3){grid-column:1/-1}
  .foot .w1-foot-grid .foot-col:nth-child(n+3) ul{display:flex;flex-wrap:wrap;gap:2px 18px}
  .foot .w1-foot-grid .foot-col:nth-child(n+3) li a{display:inline-flex;align-items:center;min-height:32px}
  .foot .foot-base{margin-top:28px;flex-direction:column;gap:6px}
  /* stariji footer (EN/FR i nekoliko SR strana): kolone linkova u dve kolone, brend preko cele širine */
  .foot .foot-grid{grid-template-columns:1fr 1fr;gap:26px 20px}
  .foot .foot-grid .foot-brand{grid-column:1/-1}
}

/* ---------- telefon: ritam čitanja ---------- */
@media (max-width:640px){
  /* /usluge/ i sl.: mreža sa 4+ usluge u dve kolone (isti sadržaj, kraća strana) */
  .svc-cards:has(> .svc-card:nth-child(4)){grid-template-columns:1fr 1fr;gap:10px}
  .svc-cards:has(> .svc-card:nth-child(4)) .svc-card{padding:16px 14px;gap:6px}
  .svc-cards:has(> .svc-card:nth-child(4)) .svc-card .ic{width:32px;height:32px}
  .svc-cards:has(> .svc-card:nth-child(4)) .svc-card b{font-size:1rem;margin-top:2px}
  .svc-cards:has(> .svc-card:nth-child(4)) .svc-card>span:not(.more){font-size:.86rem}
  .svc-cards:has(> .svc-card:nth-child(4)) .svc-card .more{font-size:.86rem}
  .svc-cards:has(> .svc-card:nth-child(4)) .svc-card:last-child:nth-child(odd){grid-column:1/-1}   /* neparna poslednja kartica preko cele širine, bez praznog polja */

  /* cenovnik: naziv i cena u istom redu, opis ispod (postojeće pravilo .row span{grid-column:1/-1} je hvatalo i cenu .v) */
  .price-table .row{gap:4px 16px;padding:13px 0}
  .price-table .row .v{grid-column:2;grid-row:1;text-align:right}
  .price-table .row span:not(.v){grid-column:1/-1;font-size:.9rem}

  /* povezane strane: dve kolone umesto dugačke liste */
  .related{grid-template-columns:1fr 1fr;gap:0 16px}
  .related a{padding:12px 0}
  .related a b{font-size:.98rem}
  .related a span{font-size:.86rem}

  /* referentna zona na kraju strane (pitanja + povezano) = jedna tonirana celina, jasno odvojena od teksta iznad */
  #pitanja,section.scene-tight:has(> .wrap.related),section#povezano{background:var(--paper-3)}
  #pitanja{box-shadow:inset 0 1px 0 var(--line)}
  #pitanja+section.scene-tight:has(> .wrap.related),#pitanja+section#povezano,
  section.scene-tight:has(> .wrap.related)+section#povezano{padding-top:8px}

  /* tabele vodiča (3 kolone sa zaglavljem): red = naslov + dve vrednosti jedna pored druge;
     zaglavlje kolona ostaje vidljivo, ponovljene oznake u redovima ostaju samo za čitače ekrana */
  .article .dtable:has(> .dtable-row.is-head > .c-cell:nth-child(3):last-child) .dtable-row{grid-template-columns:1fr 1fr}
  .article .dtable:has(> .dtable-row.is-head > .c-cell:nth-child(3):last-child) .dtable-row.is-head{display:grid;background:var(--paper)}
  .article .dtable:has(> .dtable-row.is-head > .c-cell:nth-child(3):last-child) .dtable-row.is-head .c-cell:first-child{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}   /* oznaka 1. kolone (Nivo / Stavka posla): samo za čitač ekrana; naslovi redova su vidljivi */
  .article .dtable:has(> .dtable-row.is-head > .c-cell:nth-child(3):last-child) .dtable-row.is-head .c-cell{border:0;padding:10px 12px;font-size:.78rem;line-height:1.3;color:var(--ink-2);font-weight:600}
  .article .dtable:has(> .dtable-row.is-head > .c-cell:nth-child(3):last-child) .dtable-row.is-head .c-cell .c-h{display:none}
  .article .dtable:has(> .dtable-row.is-head > .c-cell:nth-child(3):last-child) .dtable-row.is-head .c-cell .c-v{display:block}
  .article .dtable:has(> .dtable-row.is-head > .c-cell:nth-child(3):last-child) .dtable-row:not(.is-head) .c-cell:first-child{grid-column:1/-1;padding:12px 12px 2px;font-weight:700;border:0}
  .article .dtable:has(> .dtable-row.is-head > .c-cell:nth-child(3):last-child) .dtable-row:not(.is-head) .c-cell+.c-cell{padding:6px 12px 12px;border-top:0;font-size:.9rem}
  .article .dtable:has(> .dtable-row.is-head > .c-cell:nth-child(3):last-child) .dtable-row:not(.is-head) .c-cell:nth-child(3){border-left:1px dashed var(--line)}
  .article .dtable:has(> .dtable-row.is-head > .c-cell:nth-child(3):last-child) .dtable-row:not(.is-head) .c-h{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

  /* tabele sa 2 kolone, zaglavljem i bar 2 reda: dve kolone kao na desktopu, zaglavlje vidljivo (jednoredne ostaju jedna ispod druge) */
  .article .dtable:not(.dtable--stat):has(> .dtable-row.is-head > .c-cell:nth-child(2):last-child):has(> .dtable-row:not(.is-head) ~ .dtable-row:not(.is-head)) .dtable-row{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
  .article .dtable:not(.dtable--stat):has(> .dtable-row.is-head > .c-cell:nth-child(2):last-child):has(> .dtable-row:not(.is-head) ~ .dtable-row:not(.is-head)) .dtable-row.is-head{display:grid;background:var(--paper)}
  .article .dtable:not(.dtable--stat):has(> .dtable-row.is-head > .c-cell:nth-child(2):last-child):has(> .dtable-row:not(.is-head) ~ .dtable-row:not(.is-head)) .dtable-row.is-head .c-cell{padding:10px 12px;font-size:.78rem;line-height:1.3;color:var(--ink-2);font-weight:600}
  .article .dtable:not(.dtable--stat):has(> .dtable-row.is-head > .c-cell:nth-child(2):last-child):has(> .dtable-row:not(.is-head) ~ .dtable-row:not(.is-head)) .dtable-row.is-head .c-h{display:none}
  .article .dtable:not(.dtable--stat):has(> .dtable-row.is-head > .c-cell:nth-child(2):last-child):has(> .dtable-row:not(.is-head) ~ .dtable-row:not(.is-head)) .dtable-row.is-head .c-v{display:block}
  .article .dtable:not(.dtable--stat):has(> .dtable-row.is-head > .c-cell:nth-child(2):last-child):has(> .dtable-row:not(.is-head) ~ .dtable-row:not(.is-head)) .c-cell{padding:10px 12px;font-size:.9rem}
  .article .dtable:not(.dtable--stat):has(> .dtable-row.is-head > .c-cell:nth-child(2):last-child):has(> .dtable-row:not(.is-head) ~ .dtable-row:not(.is-head)) .c-cell+.c-cell{border-top:0;border-left:1px dashed var(--line)}
  .article .dtable:not(.dtable--stat):has(> .dtable-row.is-head > .c-cell:nth-child(2):last-child):has(> .dtable-row:not(.is-head) ~ .dtable-row:not(.is-head)) .dtable-row:not(.is-head) .c-h{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

  /* statistika (minimum / prosek / medijana / maksimum): 2 x 2 umesto četiri reda */
  .article .dtable--stat .dtable-row:not(.is-head){grid-template-columns:1fr 1fr}
  .article .dtable--stat .dtable-row:not(.is-head) .c-cell{border-top:0;border-left:0}
  .article .dtable--stat .dtable-row:not(.is-head) .c-cell:nth-child(even){border-left:1px dashed var(--line)}
  .article .dtable--stat .dtable-row:not(.is-head) .c-cell:nth-child(n+3){border-top:1px dashed var(--line)}
}