/* =========================
   FOOTER - AURA ESSENCE
   ========================= */

#footer {
  background: #ab0040 !important;
  border-radius: 28px 28px 0 0;
  overflow: hidden;
  color: #ffffff !important;
}

/* hlavní části footeru */
#footer,
.footer-bottom-full-width,
.footer-bottom {
  background: #ab0040 !important;
  color: #ffffff !important;
}

/* zrušení bílých / světlých boxů */
#footer .footer-rows,
#footer .custom-footer,
#footer .custom-footer > div,
#footer .footer-rows .custom-footer > div,
#footer .contact-box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* texty ve footeru */
#footer h4,
#footer h4 span,
#footer p,
#footer li,
#footer span,
#footer a,
#footer strong,
#footer div {
  color: #ffffff !important;
}

/* nadpisy */
#footer h4,
#footer h4 span {
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* odkazy */
#footer a {
  text-decoration: none;
  transition: 0.2s ease;
}

#footer a:hover {
  color: #ffd8e7 !important;
}

/* odstranění podtržení u nadpisů */
#footer h4 > span::after {
  display: none !important;
  border: none !important;
}

/* logo Aura Essence */
#footer .contact-box > img {
  display: block;
  position: relative;
  left: 0;
  max-width: 150px;
  height: auto;
  margin-bottom: 28px;
}

/* rozložení footeru */
@media (min-width: 992px) {
  .footer-bottom-full-width {
    padding: 44px 0 38px;
  }

  #footer .footer-rows {
    align-items: flex-start;
  }
}

/* platební a dopravní loga - pouze zarovnání, žádné vlastní pozadí */
.footer-logos,
#footer .footer-logos {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

/* obrázky log - bez pozadí, bez paddingu, bez stínu */
.footer-logos img,
#footer .footer-logos img,
#footer img[src*="payment"],
#footer img[src*="doprav"],
#footer img[src*="packeta"],
#footer img[src*="dpd"],
#footer img[src*="visa"],
#footer img[src*="master"],
#footer img[src*="apple"],
#footer img[src*="google"] {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* kontaktní box - ikony e-mail / telefon */
#footer .contact-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#footer .contact-box li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

/* zobrazení ikon u kontaktu */
#footer .contact-box li::before,
#footer .contact-box-icon::before,
#footer .contact-box-icon span::before,
#footer .contact-box ul li span::before {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* samotný wrapper ikon */
#footer .contact-box-icon,
#footer .contact-box ul li span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
}

/* ikonky v kontaktu */
#footer .contact-box-icon i,
#footer .contact-box-icon svg,
#footer .contact-box-icon::before,
#footer .contact-box ul li span::before {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* pokud jsou ikonky přes font/after */
#footer .contact-box-icon::after,
#footer .contact-box ul li span::after {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* sociální ikony - FB / Instagram / TikTok */
#footer .contact-box ul.contact-box-icon-list {
  display: flex !important;
  gap: 14px;
  align-items: center;
  margin-top: 18px;
  margin-bottom: 24px;
}

#footer .contact-box ul.contact-box-icon-list li {
  margin: 0;
  display: inline-flex;
}

/* odkazy sociálních ikon */
#footer .contact-box ul.contact-box-icon-list a,
#footer .social-icons a,
#footer .social-links a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  opacity: 1 !important;
  width: 30px;
  height: 30px;
  font-size: 24px;
  line-height: 1;
  transition: 0.2s ease;
}

/* ikony přes pseudo elementy */
#footer .contact-box ul.contact-box-icon-list a::before,
#footer .contact-box ul.contact-box-icon-list a::after,
#footer .social-icons a::before,
#footer .social-icons a::after,
#footer .social-links a::before,
#footer .social-links a::after {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  opacity: 1 !important;
}

/* hover sociálních ikon */
#footer .contact-box ul.contact-box-icon-list a:hover,
#footer .social-icons a:hover,
#footer .social-links a:hover {
  color: #ffd8e7 !important;
  transform: translateY(-1px);
}

#footer .contact-box ul.contact-box-icon-list a:hover::before,
#footer .contact-box ul.contact-box-icon-list a:hover::after,
#footer .social-icons a:hover::before,
#footer .social-icons a:hover::after,
#footer .social-links a:hover::before,
#footer .social-links a:hover::after {
  color: #ffd8e7 !important;
  fill: #ffd8e7 !important;
  stroke: #ffd8e7 !important;
}

/* kontaktní tlačítko */
#footer .btn,
#footer .btn-primary,
#footer input[type="submit"],
#footer button,
#footer .contact-box .btn {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #ab0040 !important;
  border-radius: 999px;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
  transition: 0.2s ease;
  font-weight: 600;
}

#footer .btn *,
#footer .btn-primary *,
#footer button *,
#footer input[type="submit"] * {
  color: #ab0040 !important;
}

#footer .btn:hover,
#footer .btn-primary:hover,
#footer input[type="submit"]:hover,
#footer button:hover {
  background: #ffd8e7 !important;
  border-color: #ffd8e7 !important;
  color: #ab0040 !important;
}

/* spodní copyright pruh */
.footer-bottom {
  background: #ab0040 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  padding: 14px 0;
}

/* texty dole na bílo */
.footer-bottom,
.footer-bottom *,
.footer-bottom a,
.footer-bottom span,
.footer-bottom p,
.footer-bottom div {
  color: #ffffff !important;
}

/* odstranění Apollo/Shoptet ikony */
img.vam,
a.apollo {
  display: none !important;
}

/* kdyby zůstalo tlačítko / badge Vytvořil Shoptet */
.footer-bottom .created-by,
.footer-bottom .signature,
.footer-bottom a[href*="shoptet"] {
  color: #ffffff !important;
  background: transparent !important;
}

/* mobil */
@media (max-width: 767px) {
  #footer {
    padding: 20px;
    border-radius: 22px 22px 0 0;
  }

  .footer-bottom-full-width {
    padding: 32px 0 24px;
  }

  .footer-rows .custom-footer h4 {
    margin-top: 18px;
    margin-bottom: 10px;
  }

  #footer .contact-box > img {
    max-width: 130px;
    margin-bottom: 20px;
  }

  .footer-logos,
  #footer .footer-logos {
    gap: 10px;
  }

  #footer .contact-box ul.contact-box-icon-list a {
    width: 32px;
    height: 32px;
    font-size: 24px;
  }
}

#footer .footer-bottom a[href*="thepiksel"] img,
.footer-bottom a[href*="thepiksel"] img {
  height: 14px !important;
  width: auto !important;
  max-width: none !important;
  min-width: auto !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 0 0 4px !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Schovat logo Aura Essence pouze ve footeru */
#footer .site-name,
#footer .site-name a,
#footer .site-name img {
  display: none !important;
}