/* 1) Newsletter na full-width (bez hacků s 100vw, nerozbíjí horizontální scroll) */
.newsletter { 
  position: relative !important;
  z-index: 1;
  color: #fff !important;
}
.newsletter::before{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0; 
  bottom: 0;
  /* vytáhne pozadí přes okraje containeru až k okrajům viewportu */
  left: calc(-50vw + 50%);
  right: calc(-50vw + 50%);
  background: #232633; /* tvoje tmavá */
  border-radius: 0; /* kdyby si to dědilo rohy */
}

/* 2) Víc místa nahoře/dole (jen vizuální výška sekce) */
.newsletter { 
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

/* 3) Patička – bílý text + bílé odkazy/ikony na tmavém pozadí */
footer, .page-footer, .footer, .footer-bottom, .footer-top {
  background: #232633 !important;
  color: #fff !important;
}
footer a, .page-footer a, .footer a { 
  color: #fff !important; 
  text-decoration-color: rgba(255,255,255,.5);
}
footer a:hover, .page-footer a:hover, .footer a:hover {
  color: #ffb629 !important; /* tvoje žlutá */
}

/* 4) Ikony soc. sítí v patičce na bílo */
.footer i, .footer svg, .social-icons i, .social-icons svg {
  fill: #fff !important;
  color: #fff !important;
  opacity: 1 !important;
}

footer, 
.page-footer, 
.footer, 
.footer *, 
.footer a, 
.page-footer a {
  color: #ffffff !important;
}




/* bílej text úplně na všechno v patičce */
html body footer,
html body .footer,
html body .page-footer {
  color: #fff !important;
  --color-text: #fff;        /* kdyby Shoptet jel přes CSS proměnné */
  --link-color: #fff;
}

/* nadpisy, odstavce, položky, copyright */
html body footer h1,
html body footer h2,
html body footer h3,
html body footer h4,
html body footer h5,
html body footer h6,
html body footer p,
html body footer li,
html body footer .footer-bottom,
html body footer .footer-bottom p,
html body footer .copyright {
  color: #fff !important;
  opacity: 1 !important;
}

/* odkazy v patičce */
html body footer a,
html body .footer a,
html body .page-footer a,
html body footer li a,
html body footer .link {
  color: #fff !important;
  opacity: 1 !important;

}

html body footer a:hover,
html body .footer a:hover {
  color: #ffb629 !important; /* tvoje žlutá */
}

/* sociální ikony (SVG/i) */
html body footer svg,
html body footer svg * ,
html body footer i {
  fill: #fff !important;
  color: #fff !important;
  stroke: #fff !important;
  opacity: 1 !important;
}

/* kdyby to šedilo přes .muted apod. */
html body footer .text-muted,
html body footer .muted,
html body footer [class*="muted"] {
  color: #fff !important;
  opacity: 1 !important;
}


/* sociální ikony (Facebook, Insta, TikTok...) */
.footer-socials svg,
.footer-socials svg *,
.head-socials svg,
.head-socials svg * {
  fill: #fff !important;
  color: #fff !important;
  stroke: #fff !important;
  opacity: 1 !important;
}

/* odkazy dole – Shoptak.cz, Shoptet Premium */
.footer-bottom a,
.footer-bottom a *,
.footer-bottom span,
.footer-bottom p,
.footer-bottom {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
  opacity: 1 !important;
  text-decoration: none;
}


/* sociální ikony – přebarvit na bílo */
.footer-socials svg,
.footer-socials svg *,
.head-socials svg,
.head-socials svg * {
  fill: #ffffff !important;
  color: #ffffff !important;
  stroke: #ffffff !important;
  opacity: 1 !important;
}

/* logo Shoptet Premium dole */
.footer-bottom svg,
.footer-bottom svg *,
.footer-bottom img {
  filter: brightness(0) invert(1) !important;
  fill: #ffffff !important;
  color: #ffffff !important;
  stroke: #ffffff !important;
  opacity: 1 !important;
}

/* sociální ikony – přebarvit úplně natvrdo */
.head-socials a svg,
.head-socials a svg *,
.footer-socials a svg,
.footer-socials a svg *,
.social-icons a svg,
.social-icons a svg * {
  fill: #ffffff !important;
  color: #ffffff !important;
  stroke: #ffffff !important;
  opacity: 1 !important;
}

/* pro jistotu i ikonové fonty, kdyby to nebyly SVG */
.head-socials a i,
.footer-socials a i,
.social-icons a i {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* hover efekt – žlutý */
.head-socials a:hover svg,
.head-socials a:hover svg *,
.footer-socials a:hover svg,
.footer-socials a:hover svg *,
.social-icons a:hover svg,
.social-icons a:hover svg * {
  fill: #ffb629 !important;
  color: #ffb629 !important;
  stroke: #ffb629 !important;
}


/* sociální ikony – převrátit na bílo i když jsou jako <img> nebo externí SVG */
.head-socials a img,
.head-socials a svg,
.head-socials a use,
.footer-socials a img,
.footer-socials a svg,
.footer-socials a use,
.social-icons a img,
.social-icons a svg,
.social-icons a use {
  filter: brightness(0) invert(1) !important; /* udělá z černé bílou */
}

/* kdyby byly jako background-image / .icon span */
.head-socials a .icon,
.footer-socials a .icon,
.social-icons a .icon {
  filter: brightness(0) invert(1) !important;
}

/* pro jistotu nepřebarvovat při hoveru zpět na černou */
.head-socials a:hover img,
.head-socials a:hover svg,
.footer-socials a:hover img,
.footer-socials a:hover svg,
.social-icons a:hover img,
.social-icons a:hover svg {
  filter: brightness(0) invert(1) !important;
}

.footer-socials p:empty,
.footer-socials span:empty,
.footer-socials div:empty,
.head-socials p:empty,
.head-socials span:empty,
.head-socials div:empty {
  display: none !important;
  border: none !important;
  background: none !important;
}









/* seprátor/čára před sociálními ikonami */
html body .head-socials::before,
html body footer .head-socials::before,
html body .custom-footer .head-socials::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* pro jistotu srovnej odsazení */
.head-socials { 
  margin-top: 0 !important; 
  padding-top: 0 !important; 
}

/* === Skrýt "Vytvořil Shoptet Premium / Grafický návrh vytvořil Shoptak" === */

/* cílované běžné třídy */
#signature > a.image > img
{
  display: none !important;
}