/* tri bloky vľavo */
.site-footer .footer-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:32px 20px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:24px;

  text-align:left;          /* ! zruší centrovanie */
  justify-items:start;      /* ! */
  align-items:start;        /* ! */
}

/* typografia v blokoch */
.site-footer .footer-col h3,
.site-footer .footer-col h4{ margin:0 0 10px; font-weight:700; }
.site-footer .footer-col p,
.site-footer .footer-col li{ margin:.25rem 0; }

/* zoznam ostáva vľavo */
.site-footer .footer-list{ list-style:none; margin:0; padding:0; }

/* voliteľne vizuálne oddel stĺpce na desktop */
@media (min-width:901px){
  .site-footer .footer-col + .footer-col{
    border-left:1px solid rgba(255,255,255,.15);
    padding-left:24px;
  }
}

/* mobil – stĺpce pod seba */
@media (max-width:900px){
  .site-footer .footer-wrap{ grid-template-columns:1fr; }
}
/* ===== FOOTER – komplet nový CSS ===== */
:root{
  --footer-bg: #8b8b8b;     /* farba pásu */
  --footer-text: #ffffff;   /* farba textu */
  --footer-accent: #ffc76a; /* farba odkazov */
  --footer-max: 1200px;     /* max šírka obsahu */
}

/* základ */
.site-footer{
  position: relative;
  background: var(--footer-bg);
  color: var(--footer-text);
  width: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* overlay pre vyšší kontrast textu */
.site-footer::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.62);
  pointer-events: none;
  z-index: 0;
}

/* kontajner – 3 stĺpce, zarovnanie doľava */
.site-footer .footer-wrap{
  position: relative; z-index: 1;
  max-width: var(--footer-max);
  margin: 0 auto;
  padding: 32px 20px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 24px;
  text-align: left;
  justify-items: start;
  align-items: start;
}

/* stĺpce */
.site-footer .footer-col h3,
.site-footer .footer-col h4{
  margin: 0 0 10px;
  color: var(--footer-text);
  font-weight: 700;
}
.site-footer .footer-col p,
.site-footer .footer-col li{
  margin: .25rem 0;
  color: var(--footer-text);
  font-weight: 600;
  line-height: 1.4;
}

/* zoznamy a odkazy */
.site-footer .footer-list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer a{
  color: var(--footer-accent);
  text-decoration: none;
}
.site-footer a:hover{ text-decoration: underline; }

/* spodná lišta */
.site-footer .footer-bottom{
  position: relative; z-index: 1;
  border-top: 1px solid rgba(255,255,255,.15);
  text-align: center;
  padding: 12px 20px 16px;
  font-size: .95rem;
  color: var(--footer-text);
}

/* MOBIL: tri bloky pod sebou a na plnú šírku */
@media (max-width: 768px){
  .site-footer .footer-wrap{
    grid-template-columns: 1fr;
    justify-items: stretch;   /* ⟵ roztiahne položky na 100% šírky */
    gap: 20px;
    padding: 28px 12px;       /* menšie bočné okraje = viac miesta pre text */
  }
  .site-footer .footer-col{
    width: 100%;              /* istota, že blok vyplní riadok */
  }
  /* nech sa tel. nezalamuje uprostred čísla, ak je miesto */
  .site-footer a[href^="tel:"]{ white-space: nowrap; }
}
}