/* ===== FOOTER BOXNITO -> štýl ako Bobo Café ===== */

/* skry newsletter */
#footer .footer-newsletter {
  display: none !important;
}

/* hlavný footer */
#footer,
#footer.footer {
  background: #10151c !important;
  color: #f4efe8 !important;
  border-top: none !important;
  padding-top: 70px !important;
  padding-bottom: 24px !important;
}

/* všetko bledé */
#footer h3,
#footer h4,
#footer p,
#footer span,
#footer strong,
#footer li,
#footer label,
#footer a {
  color: #f4efe8 !important;
}

/* rozloženie do stredu */
#footer .footer-rows {
  padding-top: 0 !important;
  text-align: center !important;
}

#footer .footer-rows > .custom-footer,
#footer .custom-footer.elements-2 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
}

#footer .custom-footer__contact,
#footer .custom-footer__articles {
  float: none !important;
  width: 100% !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* skry nadpisy "Kontakt" a "Informácie pre vás" */
#footer .pageElement__heading {
  display: none !important;
}

/* kontakt box bez default Shoptet vzhľadu */
#footer .contact-box,
#footer .contact-box.no-image {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

/* názov */
#footer .contact-box strong[data-testid="contactboxName"] {
  display: block !important;
  width: min(280px, 80vw) !important;
  height: 88px !important;
  margin: 0 auto 24px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background-image: var(--footer-logo) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

#footer .contact-box {
  --footer-logo: url("https://www.boxnito.sk/user/documents/upload/logo.png");
}

/* zoznam kontaktov — flex s dvoma riadkami */
#footer .contact-box ul {
  list-style: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* flex-break medzi ikonami (order 1,2) a textami (order 3,4) */
#footer .contact-box ul::after {
  content: "" !important;
  display: block !important;
  flex-basis: 100% !important;
  height: 0 !important;
  order: 2 !important;
}

#footer .contact-box ul li {
  margin: 0 !important;
  padding: 0 !important;
}

/* instagram — prvý (vľavo) */
#footer .contact-box ul li:nth-child(3) {
  order: 1 !important;
}

/* facebook — druhý (vpravo) */
#footer .contact-box ul li:nth-child(2) {
  order: 2 !important;
}

/* email — tretí (nový riadok) */
#footer .contact-box ul li:nth-child(1) {
  order: 3 !important;
}

/* whatsapp — štvrtý */
#footer .contact-box ul li:nth-child(4) {
  order: 4 !important;
}

#footer .contact-box ul li:nth-child(1) a {
  font-size: 20px !important;
  text-decoration: none !important;
  opacity: 0.95;
}

/* facebook + instagram */
#footer .contact-box ul li:nth-child(2),
#footer .contact-box ul li:nth-child(3) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#footer .contact-box ul li:nth-child(2) span,
#footer .contact-box ul li:nth-child(3) span {
  display: inline-flex !important;
  position: relative !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding-left: 0 !important;
}

#footer .contact-box ul li:nth-child(2) a,
#footer .contact-box ul li:nth-child(3) a {
  width: 56px !important;
  height: 56px !important;
  border-radius: 999px !important;
  background: #d1ac72 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  position: relative !important;
  font-size: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

#footer .contact-box ul li:nth-child(2) a:hover,
#footer .contact-box ul li:nth-child(3) a:hover {
  opacity: 0.92 !important;
}

#footer .contact-box ul li:nth-child(2) span::before,
#footer .contact-box ul li:nth-child(2) span::after,
#footer .contact-box ul li:nth-child(3) span::before,
#footer .contact-box ul li:nth-child(3) span::after,
#footer .contact-box ul li:nth-child(2) a > *,
#footer .contact-box ul li:nth-child(3) a > * {
  display: none !important;
  content: none !important;
}

#footer .contact-box ul li:nth-child(2) a::before {
  content: "f";
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #fff !important;
  text-indent: 0 !important;
}

#footer .contact-box ul li:nth-child(3) a::before {
  content: "";
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 24px !important;
  height: 24px !important;
  transform: translate(-50%, -50%) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='2.75' y='2.75' width='18.5' height='18.5' rx='5.5' stroke='white' stroke-width='2.5'/%3E%3Ccircle cx='12' cy='12' r='4.2' stroke='white' stroke-width='2.5'/%3E%3Ccircle cx='17.7' cy='6.4' r='1.35' fill='white'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  box-sizing: border-box !important;
}

/* whatsapp číslo */

#footer .contact-box ul li:nth-child(4) a {
  font-size: 20px !important;
  text-decoration: none !important;
}

#footer .contact-box ul li:nth-child(1),
#footer .contact-box ul li:nth-child(4) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* spodné systémové stránky v jednom riadku */
#footer .custom-footer__articles {
  margin-top: 44px !important;
}

#footer .custom-footer__articles ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px 28px !important;
}

#footer .custom-footer__articles li {
  margin: 0 !important;
  padding: 0 !important;
}

/* zrus default cierne sipky medzi odkazmi */
#footer .custom-footer__articles li::before,
#footer .custom-footer__articles li::after {
  display: none !important;
  content: none !important;
}

#footer .custom-footer__articles a {
  font-size: 18px !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  opacity: 0.95 !important;
}

/* bottom bar */
#footer .footer-bottom {
  margin-top: 42px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(255,255,255,0.14) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 80px !important;
}

#footer .footer-bottom,
#footer .footer-bottom a,
#footer .copyright,
#footer #signature,
#footer #signature a {
  color: #f4efe8 !important;
}

/* logo Shoptet na bielo */
#footer #signature img {
  filter: brightness(0) invert(1) !important;
}

/* hover */
#footer a:hover {
  color: #d1ac72 !important;
}

/* mobile */
@media (max-width: 767px) {
  #footer,
  #footer.footer {
    padding-top: 42px !important;
  }

  #footer .contact-box strong[data-testid="contactboxName"] {
    width: min(220px, 78vw) !important;
    height: 72px !important;
    margin-bottom: 18px !important;
  }

  #footer .contact-box ul li:nth-child(1) a,
  #footer .contact-box ul li:nth-child(4) a {
    font-size: 17px !important;
  }

  #footer .contact-box ul {
    gap: 12px !important;
  }

  /* na mobile: email a whatsapp každý na vlastnom riadku */
  #footer .contact-box ul li:nth-child(1),
  #footer .contact-box ul li:nth-child(4) {
    flex-basis: 100% !important;
    justify-content: center !important;
    display: flex !important;
  }

  #footer .custom-footer__articles {
    margin-top: 30px !important;
  }

  #footer .custom-footer__articles ul {
    flex-direction: column !important;
    gap: 10px !important;
  }

  #footer .custom-footer__articles a {
    font-size: 16px !important;
  }

  #footer .footer-bottom {
    flex-direction: column !important;
    text-align: center !important;
    gap: 14px !important;
  }

  #footer .contact-box ul li:nth-child(1) a,
  #footer .contact-box ul li:nth-child(4) a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
  }
}