/* =========================================================
   KOMIKSAN FOOTER CSS
   Soubor: komiksan-footer.css
   FTP: /upload/komiksan-footer.css
   WEB: /user/documents/upload/komiksan-footer.css
   ========================================================= */

:root{
  --komiksan-blue:#1806FD;
  --komiksan-pink:#FF00D8;
  --komiksan-white:#FFFFFF;
  --komiksan-yellow:#FFD600;
}

footer,
#footer,
.footer,
.site-footer,
.footer-wrapper,
.footer-bottom,
.footer-rows,
.custom-footer{
  background:var(--komiksan-blue)!important;
  color:var(--komiksan-white)!important;
}

footer *,
#footer *,
.footer *,
.site-footer *,
.footer-wrapper *,
.footer-bottom *,
.footer-rows *,
.custom-footer *{
  color:var(--komiksan-white)!important;
  font-weight:700!important;
}

footer a,
#footer a,
.footer a,
.site-footer a,
.footer-wrapper a,
.footer-bottom a,
.footer-rows a,
.custom-footer a{
  color:var(--komiksan-white)!important;
  text-decoration:none!important;
  transition:all .2s ease;
}

footer a:hover,
#footer a:hover,
.footer a:hover,
.site-footer a:hover,
.footer-wrapper a:hover,
.footer-bottom a:hover,
.footer-rows a:hover,
.custom-footer a:hover{
  color:var(--komiksan-pink)!important;
}

footer h1,footer h2,footer h3,footer h4,footer h5,
#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,
.footer h1,.footer h2,.footer h3,.footer h4,.footer h5{
  color:var(--komiksan-white)!important;
  font-weight:900!important;
  letter-spacing:.3px;
}

footer input,
#footer input,
.footer input,
.site-footer input{
  background:#fff!important;
  color:#000!important;
  border:2px solid var(--komiksan-white)!important;
  font-weight:600!important;
}

footer input::placeholder,
#footer input::placeholder,
.footer input::placeholder,
.site-footer input::placeholder{
  color:#777!important;
  font-weight:500!important;
}

footer button,
#footer button,
.footer button,
.site-footer button,
footer input[type="submit"],
#footer input[type="submit"],
.footer input[type="submit"]{
  background:var(--komiksan-pink)!important;
  color:var(--komiksan-white)!important;
  border:2px solid var(--komiksan-pink)!important;
  font-weight:900!important;
  transition:all .2s ease;
}

footer button:hover,
#footer button:hover,
.footer button:hover,
.site-footer button:hover,
footer input[type="submit"]:hover,
#footer input[type="submit"]:hover,
.footer input[type="submit"]:hover{
  background:var(--komiksan-white)!important;
  color:var(--komiksan-blue)!important;
  border-color:var(--komiksan-white)!important;
}

footer a[href*="instagram"],
#footer a[href*="instagram"],
.footer a[href*="instagram"],
.site-footer a[href*="instagram"]{
  background:var(--komiksan-pink)!important;
  color:var(--komiksan-white)!important;
  border-radius:999px!important;
  width:48px!important;
  height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
}

footer a[href*="instagram"] *,
#footer a[href*="instagram"] *,
.footer a[href*="instagram"] *,
.site-footer a[href*="instagram"] *{
  color:var(--komiksan-white)!important;
  fill:var(--komiksan-white)!important;
}

footer a[href*="instagram"]:hover,
#footer a[href*="instagram"]:hover,
.footer a[href*="instagram"]:hover,
.site-footer a[href*="instagram"]:hover{
  background:var(--komiksan-white)!important;
  color:var(--komiksan-pink)!important;
  transform:translateY(-2px);
}

footer a[href*="instagram"]:hover *,
#footer a[href*="instagram"]:hover *,
.footer a[href*="instagram"]:hover *,
.site-footer a[href*="instagram"]:hover *{
  color:var(--komiksan-pink)!important;
  fill:var(--komiksan-pink)!important;
}

footer .copyright,
#footer .copyright,
.footer .copyright,
.site-footer .copyright,
footer .footer-bottom,
#footer .footer-bottom,
.footer .footer-bottom{
  background:var(--komiksan-blue)!important;
  color:var(--komiksan-white)!important;
  border-top:1px solid rgba(255,255,255,.25)!important;
}

footer [class*="shoptet"],
#footer [class*="shoptet"],
.footer [class*="shoptet"]{
  color:var(--komiksan-white)!important;
}

.ks-map{
  margin-top:26px;
  max-width:340px;
  color:#fff;
  font-weight:700;
}

.ks-map h4{
  margin:0 0 10px;
  font-size:20px;
  color:var(--komiksan-pink)!important;
  text-transform:uppercase;
  letter-spacing:.4px;
}

.ks-map p{
  margin:0 0 12px;
  line-height:1.55;
  color:#fff!important;
}

.ks-map-box{
  width:100%;
  aspect-ratio:16/10;
  border:3px solid var(--komiksan-pink);
  border-radius:18px;
  overflow:hidden;
  background:#080044;
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}

.ks-map-box iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}

.ks-map-link{
  display:inline-block;
  margin-top:12px;
  padding:10px 14px;
  border-radius:999px;
  background:var(--komiksan-yellow);
  color:var(--komiksan-blue)!important;
  text-decoration:none!important;
  font-weight:900!important;
}

.ks-map-link:hover{
  background:var(--komiksan-pink);
  color:#fff!important;
}

@media(max-width:767px){
  .ks-map{max-width:100%;}
  .ks-map-box{aspect-ratio:16/9;}
}