/* =========================================================
   1) HLAVNÍ PATIČKA
========================================================= */
#footer{
  background:#e6e6e6 !important;
  padding:0 0 40px !important;
}

/* širší footer, ať nepůsobí úzce */
#footer .container.footer-rows{
  max-width:1400px !important;
  margin:0 auto !important;
  padding:0 20px !important;
}

/* bannery – bez pozadí */
#footer .custom-footer__banner8631 .banner-wrapper,
#footer .custom-footer__banner2841 .banner-wrapper,
#footer .custom-footer__banner9991 .banner-wrapper,
#footer .custom-footer__banner2 .banner-wrapper{
  background:transparent !important;
  padding:0 !important;
}

/* vypnutí pseudo-elementů */
#footer .custom-footer__banner8631::before,
#footer .custom-footer__banner2841::before,
#footer .custom-footer__banner9991::before,
#footer .custom-footer__banner2::before{
  display:none !important;
}


/* =========================================================
   2) TYPOGRAFIE FOOTERU
========================================================= */
#footer,
#footer a,
#footer li,
#footer p{
  color:#151515 !important;
  font-family:"Stolzl", sans-serif !important;
}

#footer h4{
  font-family:"Futura PT", sans-serif !important;
  font-style:italic;
  font-size:18px;
  font-weight:600;
  margin-bottom:18px;
  color:#1195FE !important;
  text-transform:uppercase !important;
}

#footer a:hover{
  color:#1195FE !important;
  text-decoration:underline;
}


/* =========================================================
   3) FOOTER – KONTAKT (FIX ZAROVNÁNÍ IKON)
========================================================= */
.footer-kontakt .top{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:16px;
}

.footer-kontakt .title{
  font-weight:600;
  font-size:15px;
}

.footer-kontakt .subtitle{
  margin-top:3px;
  font-size:14px;
}

/* telefon + email */
.footer-kontakt .phone,
.footer-kontakt .email{
  display:flex;
  align-items:center;            /* ← FIX */
  gap:12px;
  margin-bottom:12px;
}

.footer-kontakt .icon{
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.footer-kontakt .tel,
.footer-kontakt .mail{
  display:flex;                  /* ← FIX */
  flex-direction:column;
  justify-content:center;
  line-height:1.4;
}

.footer-kontakt .tel small{
  display:block;
  font-size:12px;
  margin-top:2px;
  opacity:.75;
}


/* =========================================================
   4) SOCIÁLNÍ SÍTĚ
========================================================= */
.footer-socky ul li a{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}


/* =========================================================
   5) LOGO VE FOOTERU (fix – nahoře, ne doprostřed)
========================================================= */
.footer-logo{
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  padding-top:6px;
}

.footer-logo a{
  display:inline-flex;
}

.footer-logo img{
  max-width:170px;
  height:auto;
  display:block;
  opacity:.95;
}


/* =========================================================
   7) COPYRIGHT – FULL WIDTH
========================================================= */
.footer-bottom{
  position:relative;
  width:100vw !important;
  left:50%;
  margin-left:-50vw;
  background:#ffffff !important;
  padding:12px 0 !important;
  z-index:5;
}

.footer-bottom .container{
  max-width:1400px !important;
  width:100% !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  flex-wrap:wrap;
  padding:0 20px !important;
}

.footer-bottom span,
.footer-bottom a{
  white-space:nowrap;
}


/* =========================================================
   8) MOBIL – finální úprava patičky (mezery + centrování)
   (NECH JEN TENTO BLOK, oba předchozí smaž)
========================================================= */
@media (max-width:768px){

  /* menší spodní padding patičky */
  #footer{
    padding:0 0 26px !important;
  }

  /* menší boční padding kontejneru */
  #footer .container.footer-rows{
    padding:0 16px !important;
  }

  /* -------------------------------------------------------
     ZMENŠENÍ MEZER MEZI "SLOUPCI" (Shoptet různé struktury)
  -------------------------------------------------------- */

  /* pokud má footer řádky */
  #footer .footer-rows .footer-row,
  #footer .footer-rows .row{
    margin-bottom:16px !important;
  }

  /* pokud jsou sloupce bootstrapově */
  #footer .footer-rows [class*="col-"]{
    margin-bottom:16px !important;
  }

  /* fallback pro libovolné bloky přímo ve footeru */
  #footer .footer-rows > *{
    margin-bottom:16px !important;
  }
  #footer .footer-rows > *:last-child{
    margin-bottom:0 !important;
  }

  /* nadpisy sekcí – menší mezera */
  #footer h4{
    margin-bottom:10px !important;
  }

  /* -------------------------------------------------------
     CENTROVÁNÍ OBSAHU SLOUPCŮ
  -------------------------------------------------------- */
  .footer-logo,
  .footer-kontakt,
  .footer-informace,
  .footer-socky{
    text-align:center !important;
  }

  /* -------------------------------------------------------
     KONTAKT – ikonka + text dokonale na střed
  -------------------------------------------------------- */
  .footer-kontakt .top{
    flex-direction:column !important;
    align-items:center !important;
    gap:10px !important;
  }

  .footer-kontakt .phone,
  .footer-kontakt .email{
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    gap:10px !important;
    margin-bottom:10px !important;
  }

  /* text vedle ikonky = skutečně centrovaný blok */
  .footer-kontakt .tel,
  .footer-kontakt .mail{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .footer-kontakt .icon{
    width:32px !important;
    height:32px !important;
  }

  /* sociální sítě na střed */
  .footer-socky li a{
    justify-content:center !important;
  }

  /* copyright */
  .footer-bottom .container{
    flex-direction:column !important;
    gap:8px !important;
    text-align:center !important;
  }

  .footer-bottom span,
  .footer-bottom a{
    white-space:normal !important;
  }
}
/* =========================================================
   FOOTER – MOBIL: kompaktní + decentní mezery (NESČÍTÁ SE)
========================================================= */
@media (max-width:767px){

  /* základní šířka */
  #footer .container.footer-rows{
    padding: 0 16px !important;
  }

  /* ZRUŠIT “náhodné” mezery uvnitř (ať se nic nesčítá) */
  #footer h4,
  #footer p,
  #footer ul,
  #footer li{
    margin: 0 !important;
  }

  /* ať seznam není odsazený zleva */
  #footer ul{
    padding: 0 !important;
  }

  /* VŠECHNY sekce footeru – jednotná mezera */
  #footer [class^="custom-footer__banner"],
  #footer [class*=" custom-footer__banner"]{
    padding: 0 !important;
    margin: 0 0 16px !important;   /* <- JEDINÁ mezera mezi bloky */
  }

  /* poslední sekce bez mezery */
  #footer [class^="custom-footer__banner"]:last-child,
  #footer [class*=" custom-footer__banner"]:last-child{
    margin-bottom: 0 !important;
  }

  /* vnitřní wrappery pryč */
  #footer .banner,
  #footer .banner-wrapper{
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
  }

  /* jemné spacing uvnitř sekcí (nahrazuje zrušené marginy) */
  #footer h4{ padding-bottom: 10px !important; }
  #footer li{ padding: 6px 0 !important; }
  #footer p { padding: 6px 0 !important; }

  /* Kontakt – řádky */
  #footer .footer-kontakt .phone,
  #footer .footer-kontakt .email{
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 6px 0 !important;
  }

  /* Sociální sítě */
  #footer .footer-socky ul li a{
    justify-content:center !important;
    padding: 6px 0 !important;
  }
}