/* ===========================================
   STUDIMO V4 — Footer
   Shoptet Samba (BS3 + flex .row)
   =========================================== */

/* ── Tmavé pozadí — VŠECHNO v footeru ── */
#footer, #footer *, footer.footer, footer.footer * {
  background-color: #2A2118 !important;
  background: #2A2118 !important;
}
#footer, footer.footer {
  color: #B8A080 !important;
  border: none !important;
}

/* ── System footer (Wurmova) — SCHOVAT (přesunuto do Kontaktu) ── */
#footer .system-footer {
  display: none !important;
}

/* ── Footer-rows wrapper ── */
#footer .footer-rows {
  padding: 0 !important;
  border: none !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}
#footer .footer-rows::before,
#footer .footer-rows::after {
  display: none !important;
}

/* ── .row.custom-footer — PRACUJEME S FLEX (Shoptet ho nastavuje) ── */
/* Shoptet: display:flex, flex-wrap:wrap, margin:0 -16px */
body #footer .row.custom-footer {
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 60px 0 60px !important;
  max-width: 1100px !important;
  width: 100% !important;
}

/* ── Sloupce — reset BS3 col padding, rovnoměrné 25% ── */
body #footer .custom-footer > div[class*="col-"] {
  flex: 0 0 25% !important;
  max-width: 25% !important;
  width: 25% !important;
  padding: 0 20px !important;
  margin: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* ── Login sloupec → 1. pozice (logo + claim) ── */
body #footer .custom-footer__login {
  order: -1 !important;
  display: block !important;
}
#footer .custom-footer__login .formLogin,
#footer .custom-footer__login form,
#footer .custom-footer__login h3,
#footer .custom-footer__login .pageElement__heading {
  display: none !important;
}
/* Logo */
#footer .custom-footer__login::before {
  content: url('https://cdn.myshoptet.com/usr/www.studimo.cz/user/logos/bez_n__zvu_(200_x_60_px).svg') !important;
  display: block !important;
  max-width: 140px !important;
  margin-bottom: 20px !important;
  filter: brightness(0.85) !important;
}
/* Claim */
#footer .custom-footer__login::after {
  content: 'Hravě minimalistické kousky' !important;
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: rgba(184, 160, 128, 0.6) !important;
  line-height: 1.6 !important;
}

/* ── Nadpisy sloupců — světlé ── */
#footer .custom-footer h3,
#footer .custom-footer .pageElement__heading {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #D4C4A8 !important;
  border: none !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
}
#footer .custom-footer h3::after,
#footer .custom-footer .pageElement__heading::after {
  display: none !important;
}

/* ── Odkazy ── */
#footer .custom-footer a {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: rgba(184, 160, 128, 0.65) !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
  line-height: 2.2 !important;
  display: block !important;
}
#footer .custom-footer a:hover {
  color: #E8D5B5 !important;
}
#footer .custom-footer li {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
#footer .custom-footer ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ── KATEGORIE — flat seznam, žádné + ikony, žádné odsazení ── */
#footer .skip-link__wrapper {
  display: none !important;
}
#footer .custom-footer__categories .categories {
  padding: 0 !important;
  margin: 0 !important;
}
#footer .custom-footer__categories .topic {
  padding: 0 !important;
  margin: 0 !important;
}
/* Reset VEŠKERÉHO paddingu na .topic a (Shoptet default: 8px top/bottom + 32px left) */
#footer .custom-footer__categories .topic a {
  padding: 0 !important;
}
/* Schovat + ikonu (span.cat-trigger) */
#footer .custom-footer__categories .cat-trigger {
  display: none !important;
}
/* Schovat podkategorie */
#footer .custom-footer__categories .subcategories {
  display: none !important;
}

/* ── KONTAKT — přidáme adresu + otevírací dobu ── */
#footer .custom-footer__contact .pageElement__content,
#footer .custom-footer__contact p,
#footer .custom-footer__contact span:not(.pageElement__heading):not(h3 span) {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: rgba(184, 160, 128, 0.65) !important;
  line-height: 2.2 !important;
}
#footer .custom-footer__contact::after {
  content: 'Wurmova 4, Olomouc\AOtevřeno: čt 14–18h' !important;
  white-space: pre-line !important;
  display: block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: rgba(184, 160, 128, 0.65) !important;
  line-height: 2.2 !important;
  margin-top: 8px !important;
}

/* ── Separator čára ── */
#footer > .container:not(.system-footer):not(.footer-rows) {
  border-top: 1px solid rgba(154, 114, 54, 0.12) !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 24px 20px 12px !important;
  text-align: center !important;
}

/* ── Footer icons (Kontaktní formulář, Ochrana) ── */
#footer .footer-icons {
  text-align: center !important;
  border: none !important;
  padding: 0 !important;
}
#footer .footer-icons a {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  color: rgba(184, 160, 128, 0.4) !important;
  text-decoration: none !important;
  letter-spacing: 0.05em !important;
  display: inline !important;
  margin: 0 12px !important;
}
#footer .footer-icons a:hover {
  color: #B8A080 !important;
}
#footer .footer-icons img,
#footer .footer-icons i {
  display: none !important;
}

/* ── Bottom bar ── */
#footer .footer-bottom-full-width {
  border-top: none !important;
}
#footer .footer-bottom {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 16px 20px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}
#footer .footer-bottom,
#footer .footer-bottom span,
#footer .footer-bottom a,
#footer .copyright {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  color: rgba(184, 160, 128, 0.3) !important;
  text-decoration: none !important;
}
#footer .footer-bottom a:hover {
  color: #B8A080 !important;
}
#footer .footer-bottom img.vam {
  opacity: 0.2 !important;
  filter: brightness(2) !important;
  max-height: 14px !important;
}

/* ── MOBIL ── */
@media (max-width: 767px) {
  body #footer .row.custom-footer {
    flex-wrap: wrap !important;
    padding: 40px 0 !important;
  }
  body #footer .custom-footer > div[class*="col-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    padding: 0 16px !important;
    margin-bottom: 32px !important;
  }
  body #footer .custom-footer__login {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 36px !important;
    padding-bottom: 28px !important;
    border-bottom: 1px solid rgba(154, 114, 54, 0.12) !important;
  }
  #footer .custom-footer__login::before {
    margin: 0 auto 16px !important;
  }
  #footer .footer-bottom {
    flex-direction: column !important;
    gap: 10px !important;
    text-align: center !important;
    padding: 16px !important;
  }
  #footer .custom-footer a {
    font-size: 12px !important;
  }
}
@media (max-width: 480px) {
  body #footer .custom-footer > div[class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    text-align: center !important;
  }
}