/*footer*/

:root{
--footer-bg: #000 !important;
--footer-color: #fff !important;
}
footer#footer{
  background-color: #000000 !important;
}
#footer ul a {
  color: #ffffff !important;
}
#footer h4 {  color: #ffffff !important;
}
#footer p {  color: #ffffff !important;
}
#footer .contact-box a.btn {
    color: #000;
    background-color: #fff;
}
#footer .contact-box a.btn:hover {
    color: #fff;
    background-color: #222;
}
#footer ul a:hover {
    text-decoration: underline;
    
}

/* ikony kontakt*/
:root {--footer-highlighted-color: #fff !important;}
#footer .contact-box ul li > span::before {
  color: #ffffff !important;
}

/* výchozí stav – bílé ikony */
#footer .contact-box-icon span.facebook,
#footer .contact-box-icon span.instagram,
#footer .contact-box-icon span.tiktok {
  filter: brightness(0) invert(1) !important; /* bílé */
  opacity: 1 !important;
  transition: filter 0.3s ease; /* hladký přechod */
}
/* hover – tmavě šedé (#222) */
#footer .contact-box-icon span.facebook:hover,
#footer .contact-box-icon span.instagram:hover,
#footer .contact-box-icon span.tiktok:hover {
  filter: brightness(0) saturate(100%) invert(13%) sepia(2%) saturate(209%) hue-rotate(314deg) brightness(92%) contrast(86%) !important;
}
/*btn newsletter*/
#formNewsletterWidget > fieldset > button {color: #000;
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
}
    
    #formNewsletterWidget > fieldset > button:hover{color: #000;
    background-color: #000;
    border-color:#000;
    color:#fff;
}