.full-width.footer-bottom-full-width {
  background-color: #1C1C1C !important; /* tmavé pozadí */
}

.full-width.footer-bottom-full-width,
.full-width.footer-bottom-full-width * {
  color: #ffffff !important;            /* bílý text */
}

.full-width.footer-bottom-full-width a {
  color: #daba5b !important;            /* zlaté odkazy */
  text-decoration: none;
}

.full-width.footer-bottom-full-width a:hover {
  text-decoration: underline;
}
.footer-bottom {
  background-color: #1C1C1C !important; /* stejná tmavá jako zbytek webu */
  color: #fff !important;              /* bílý text */
  padding: 40px 20px;
  text-align: center;
  font-family: "PT Serif", serif;
  font-size: 14px;
}

.footer-bottom a {
  color: #daba5b !important; /* zlatavý odkaz, pokud ladí se zbytkem */
  text-decoration: none;
}

.footer-bottom a:hover {
  text-decoration: underline;
}

.footer-bottom strong {
  color: #fff !important;
  font-weight: bold;
}
#signature {
  position: relative;
}

#signature a {
  display: none !important; /* Skryje původní logo + text */
}

/* Přidáme vlastní text pomocí ::after */
#signature::after {
  content: "Vytvořil Petr Tlamka";
  display: block;
  color: #daba5b;
  font-size: 14px;
  font-family: "PT Serif", serif;
  margin-top: 5px;
}

/* PC – vycentrovat copyright, podpis vpravo mimo tok */
@media (min-width: 1025px) {

  /* kontejner patičky = střed + relativní pro absolutní #signature */
  .footer-bottom .container,
  .full-width.footer-bottom-full-width .container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;  /* vycentruje text */
    position: relative !important;
    min-height: 40px;
    text-align: center !important;
  }

  /* vlastní text (copyright) – žádné odsazení, ať je přesně ve středu */
  .footer-bottom .container p,
  .full-width.footer-bottom-full-width .container p {
    margin: 0 auto !important;
  }

  /* podpis dopravíme doprava, aby nerozhazoval střed */
  #signature {
    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
  }

  /* ať pseudo-text nepřidává vlastní mezery */
  #signature::after { margin: 0 !important; }
}
/* === FOOTER: centrování jen na mobilu === */


/* 1) Vypnout běžné pseudo-elementy u nadpisů (šablona je často přidává) */
#footer .custom-footer h1::before,
#footer .custom-footer h1::after,
#footer .custom-footer h2::before,
#footer .custom-footer h2::after,
#footer .custom-footer h3::before,
#footer .custom-footer h3::after,
#footer .custom-footer h4::before,
#footer .custom-footer h4::after,
#footer .custom-footer [class*="heading"]::before,
#footer .custom-footer [class*="heading"]::after,
#footer .custom-footer .title::before,
#footer .custom-footer .title::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 2) Některé šablony kreslí linku na samotných sloupcích nebo seznamech */
#footer .custom-footer .row > [class*="col-"]::before,
#footer .custom-footer .row > [class*="col-"]::after,
#footer .custom-footer ul::before,
#footer .custom-footer ul::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
}

/* 3) Bezpečnostní pojistka – na mobilu vypnout úplně VŠECHNA ::before/::after ve footeru */
@media (max-width: 767.98px){
  #footer .custom-footer *::before,
  #footer .custom-footer *::after {
    content: none !important;
    display: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    height: 0 !important;
    width: 0 !important;
  }
}


/* === DECORHAND – výměna ikon sociálních sítí ve footeru === */

/* Skryje původní font ikony (Shoptet ::before) */
#footer .social-icon.facebook::before,
#footer .social-icon.instagram::before {
  display: none !important;
  content: none !important;
}

/* Facebook – nahradí PNG logem */
#footer .social-icon.facebook {
  background-image: url("https://www.decorhand.cz/user/documents/upload/Soci%C3%A1ln%C3%AD%20s%C3%ADt%C4%9B/Facebook/Logo/facebook.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-color: transparent !important;
}

/* Instagram – nahradí PNG logem */
#footer .social-icon.instagram {
  background-image: url("https://www.decorhand.cz/user/documents/upload/Soci%C3%A1ln%C3%AD%20s%C3%ADt%C4%9B/Instagram/Logo/instagram.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-color: transparent !important;
}

/* Oprava případných výšek (zachová původní rozložení) */
#footer .social-icon.facebook,
#footer .social-icon.instagram {
  width: 34px !important;
  height: 34px !important;
}
/* === DECORHAND – zvětšení ikon sociálních sítí === */
#footer .social-icon.facebook,
#footer .social-icon.instagram {
  width: 44px !important;   /* zvětšeno z 34 px */
  height: 44px !important;
  background-size: contain !important;
  transition: transform 0.25s ease, filter 0.25s ease;
}

/* jemný hover efekt – elegantní zesvětlení */
#footer .social-icon.facebook:hover,
#footer .social-icon.instagram:hover {
  transform: scale(1.08);
  filter: brightness(1.25);
}

/* === DECORHAND – doladěná verze bloku dopravců a plateb === */

.footer-icons {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 20px !important;             /* menší mezery mezi ikonami */
  padding: 22px 0 !important;       /* svislý prostor zmenšený z 30px */
  border-top: 1px solid rgba(255,255,255,0.08);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  background-color: #1c1c1c !important;
}

.footer-icons .footer-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  padding: 4px 8px !important;
  transition: transform 0.25s ease, filter 0.25s ease;
}

.footer-icons .footer-icon img {
  max-height: 34px !important;
  height: auto !important;
  width: auto !important;
  filter: brightness(0.98);
}

.footer-icons .footer-icon:hover img {
  transform: scale(1.06);
  filter: brightness(1.15);
}

/* 🖥️ Desktop */
@media (min-width: 1025px) {
  .footer-icons {
    gap: 28px !important;
    padding: 28px 0 !important;
  }

  .footer-icons .footer-icon img {
    max-height: 40px !important;
  }
}

/* 💻 Tablety */
@media (max-width: 1024px) and (min-width: 769px) {
  .footer-icons {
    gap: 18px !important;
    padding: 24px 8px !important;
  }

  .footer-icons .footer-icon img {
    max-height: 32px !important;
  }
}

/* 📱 Mobily */
@media (max-width: 768px) {
  .footer-icons {
    flex-direction: row !important;
    gap: 14px !important;
    padding: 20px 10px !important;
  }

  .footer-icons .footer-icon {
    flex: 1 1 40% !important;
    max-width: 100px !important;
  }

  .footer-icons .footer-icon img {
    max-height: 30px !important;
  }
}

/* 📱 Extra malé (např. iPhone SE) */
@media (max-width: 400px) {
  .footer-icons {
    flex-direction: column !important;
    gap: 10px !important;
    padding: 18px 0 !important;
  }

  .footer-icons .footer-icon {
    flex: none !important;
    width: auto !important;
  }
}

/* === DECORHAND – univerzální pixel fix švů mezi logy (PC + mobil) === */
#footer .footer-icons .footer-icon {
  position: relative !important;
  background: #1c1c1c !important;
  margin: 0 !important;
  padding: 0 14px !important;
  overflow: visible !important;
}

/* tmavý překryv mezi ikonami – výchozí */
#footer .footer-icons .footer-icon::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -1px;
  width: 2px;
  background: #1c1c1c;
  z-index: 5;
}

/* základní úprava obrázků */
#footer .footer-icons img {
  display: block !important;
  background: #1c1c1c !important;
  max-height: 36px !important;
  height: auto !important;
  width: auto !important;
  border: none !important;
  position: relative !important;
  z-index: 10;
}

/* ořez všech obrázků o 1px ze stran */
#footer .footer-icons .footer-icon img {
  clip-path: inset(0 1px 0 1px) !important;
}

/* 🖥️ Desktop (nad 1024 px) – přidej silnější překryv */
@media (min-width: 1025px) {
  #footer .footer-icons .footer-icon::after {
    right: -2px;
    width: 4px; /* širší překryv, aby přemaloval i subpixel */
  }

  #footer .footer-icons .footer-icon img {
    clip-path: inset(0 2px 0 2px) !important;
  }
}
/* === DECORHAND – definitivní tablet fix bez zásahu do HTML === */
@media (min-width: 768px) and (max-width: 1024px) {
  #footer .footer-icons img {
    display: block !important;
    background: #1c1c1c !important;
    border: none !important;
    filter:
      drop-shadow(-1px 0 0 #1c1c1c)
      drop-shadow(1px 0 0 #1c1c1c);  /* překryje okraje tmavou linkou */
    max-height: 36px !important;
    height: auto !important;
    width: auto !important;
  }

  /* sjednocení pozadí kolem obrázků */
  #footer .footer-icons,
  #footer .footer-icons .footer-icon {
    background: #1c1c1c !important;
  }
}
/* === DECORHAND – odstranění linky pod nadpisy ve footeru (jen PC) — bezpečná verze === */
@media (min-width: 1025px) {

  /* odstranění pseudo-elementů, které kreslí čáru */
  #footer .custom-footer h1 span::before,
  #footer .custom-footer h1 span::after,
  #footer .custom-footer h2 span::before,
  #footer .custom-footer h2 span::after,
  #footer .custom-footer h3 span::before,
  #footer .custom-footer h3 span::after,
  #footer .custom-footer h4 span::before,
  #footer .custom-footer h4 span::after {
      content: none !important;
      display: none !important;
      border: 0 !important;
      background: none !important;
      height: 0 !important;
  }
}
/* === DECORHAND – centrování tří bloků v patičce na PC === */
@media (min-width: 1025px) {

  /* wrapper tří bloků = na střed, flex */
  #footer .footer-rows .custom-footer.elements-3 {
    display: flex !important;
    justify-content: center !important;   /* celé zarovnat na střed */
    align-items: flex-start !important;
    gap: 80px !important;                 /* mezery mezi bloky, můžeš zmenšit/trochu upravit */
  }

  /* jednotlivé bloky – vypnout bootstrap float a pevnou šířku */
  #footer .footer-rows .custom-footer.elements-3 > div {
    float: none !important;
    width: auto !important;
    max-width: 340px !important;          /* aby se to neroztáhlo přes půl obrazovky */
  }
}
/* === ULTIMÁTNÍ FIX FOOTERU – ZRUŠÍ BOOTSTRAP floaty === */
@media (max-width: 1024px){

  #footer .custom-footer.elements-3 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 32px !important;
  }

  /* Tohle je KRITICKÉ – přepíše col-sm-4 */
  #footer .custom-footer.elements-3 > div {
    float: none !important;
    width: 100% !important;
    max-width: 380px !important;
    display: block !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  /* Ještě navíc přepíšeme bootstrap row */
  #footer .footer-rows .row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* Všechny vnitřní prvky nastavíme na střed */
  #footer .custom-footer.elements-3 * {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}