/* === DREAMY — zápatí (celý web)  ·  v4 · 2026-09-30 — SVĚTLÁ verze + oprava mobilu ===
 * Patří k zapati.js (obsah sloupců, platby, identifikace firmy).
 * Záhlaví: <link rel="stylesheet" href="/user/documents/upload/styles/zapati.css?v=4">
 *
 * - světlé pozadí (jemně růžové), tmavý text, růžové akcenty, logo v původní barvě
 * - newsletter = růžová karta, e-mail + tlačítko v jedné „pilulce" (na mobilu pod sebou)
 * - spodní lišta: jen copyright Dreamy, nastavení cookies a identifikace firmy
 */

#footer { background: #fdf3f8 !important; color: #2e2229; margin-top: 0; padding-top: 0 !important; border: 0 !important; border-top: 1px solid #f5dbe8 !important; }
#footer .footer-rows { border: 0 !important; padding-top: 0 !important; }
#footer .footer-rows > * { border-color: transparent !important; }

/* ---------- newsletter ---------- */
#footer .custom-footer__newsletter {
  width: auto !important;
  max-width: none !important;
  margin: 56px 0 48px !important;
  padding: 40px 48px !important;
  border-radius: 24px;
  background: linear-gradient(120deg, #d90074 0%, #b3005f 100%) !important;
  box-shadow: 0 30px 60px -34px rgba(217, 0, 116, .55);
  border: 0 !important;
}
#footer .custom-footer__newsletter form {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}
#footer .newsletter-left { max-width: 520px; }
#footer .newsletter-left h3,
#footer .newsletter-left h3 span { font-family: Rubik, sans-serif !important; color: #fff !important; font-size: 28px !important; font-weight: 600 !important; margin: 0 0 8px !important; }
#footer .newsletter-left p { color: rgba(255, 255, 255, .88) !important; font-size: 15px !important; margin: 0 !important; }
#footer .custom-footer__newsletter fieldset { display: flex !important; flex-wrap: wrap; align-items: center; gap: 0; max-width: 540px; width: 100%; margin: 0 !important; padding: 0 !important; border: 0 !important; }
#footer .custom-footer__newsletter .smart-label-wrapper { flex: 1 1 260px; min-width: 0; margin: 0 !important; }
#footer .custom-footer__newsletter .form-control-wrapper { width: 100% !important; }
#footer #newsletterWidget { width: 100% !important; height: 54px !important; border: 0 !important; border-radius: 999px 0 0 999px !important; padding: 0 24px !important; font-size: 15px !important; background: #fff !important; box-shadow: none !important; }
#footer .custom-footer__newsletter button.btn {
  flex: 0 0 auto;
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 !important;
  border-radius: 0 999px 999px 0 !important;
  background: #5abab7 !important;   /* tyrkysová webu (jako Přihlásit se / ikony sítí) */
  border: 0 !important;
  color: #fff !important;
  padding: 0 28px !important;
  font-family: Rubik, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  width: auto !important;
}
#footer .custom-footer__newsletter button.btn:hover { background: #45a3a0 !important; }
#footer .custom-footer__newsletter .consents { flex: 1 0 100%; margin: 12px 0 0 !important; padding-left: 18px; }
#footer .custom-footer__newsletter .consents label,
#footer .custom-footer__newsletter .consents a { color: rgba(255, 255, 255, .85) !important; font-size: 12.5px !important; }

/* ---------- logo + popis + sociální sítě ---------- */
#footer .site-name {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 32px;
  padding: 0 0 32px !important;
  margin: 0 0 40px !important;
  border-bottom: 1px solid #f0d3e2 !important;
}
#footer .site-name > a { padding-left: 0 !important; margin-left: 0 !important; }
#footer .site-name img { height: 52px !important; width: auto !important; filter: none !important; }
#footer .footer-contacts { display: none !important; }
#footer .dz-tagline {
  flex: 1 1 380px;
  max-width: 460px;
  margin: 0 !important;
  color: #5a4d55;
  font-family: Rubik, sans-serif;
  font-size: 14.5px;
  line-height: 1.6;
  letter-spacing: normal !important;
}
#footer .site-name .footer-socials { margin-left: auto; }

/* ---------- sloupce (zapati.js) ---------- */
#footer .dz-hidden { display: none !important; }
#footer .dz-cols {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1.3fr 1.3fr;
  gap: 40px;
  padding: 0 0 8px;
  font-family: Rubik, sans-serif;
}
#footer .dz-col__title {
  font-family: Rubik, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #d90074 !important;
  margin: 0 0 18px !important;
}
#footer .dz-col ul { list-style: none; margin: 0; padding: 0; }
#footer .dz-col li { margin: 0 0 11px; padding: 0; line-height: 1.45; }
#footer .dz-col li::before { display: none !important; }
#footer .dz-col a { color: #2e2229 !important; font-size: 14.5px; text-decoration: none !important; transition: color .2s; }
#footer .dz-col a:hover { color: #d90074 !important; }
#footer .dz-col small { display: block; color: #8a7a83; font-size: 12.5px; margin-top: 2px; }
#footer .dz-col--stores li:last-child a,
#footer .dz-col--contact li:first-child a { color: #d90074 !important; font-weight: 600; }
#footer .dz-col--contact li:first-child a { font-size: 18px; }

/* platby textem */
#footer .dz-pay {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 44px 0 0;
  font-family: Rubik, sans-serif;
}
#footer .dz-pay__label { color: #8a7a83; font-size: 12.5px; margin-right: 6px; }
#footer .dz-pay__item { background: #fff; border: 1px solid #f0d3e2; border-radius: 999px; padding: 5px 12px; color: #5a4d55; font-size: 12.5px; }

/* ---------- spodní lišta ---------- */
#footer .footer-bottom { border-top: 1px solid #f0d3e2 !important; padding: 26px 0 22px !important; margin-top: 40px; }
#footer .footer-bottom > a { display: none !important; }            /* logo + „Vytvořil Shoptet" */
#footer .footer-bottom .podpis { display: none !important; }       /* podpis Shoptak.cz */
#footer .footer-bottom,
#footer .footer-bottom a,
#footer .footer-bottom span,
#footer .footer-bottom strong { color: #8a7a83 !important; font-size: 12.5px !important; }
#footer .dz-company { margin-top: 10px; color: #8a7a83; font-family: Rubik, sans-serif; font-size: 12px; text-align: center; }

/* ---------- tablet ---------- */
@media (max-width: 991px) {
  #footer .dz-cols { grid-template-columns: 1fr 1fr; gap: 32px 24px; }
  #footer .custom-footer__newsletter form { flex-direction: column; align-items: stretch; gap: 22px; }
  #footer .newsletter-left { max-width: none; }
  #footer .custom-footer__newsletter fieldset { max-width: none; }
}

/* ---------- mobil ---------- */
@media (max-width: 575px) {
  #footer .custom-footer__newsletter { margin: 36px 0 36px !important; padding: 28px 20px !important; border-radius: 20px; }
  #footer .newsletter-left h3,
  #footer .newsletter-left h3 span { font-size: 23px !important; }
  #footer .newsletter-left p { font-size: 14px !important; }
  /* pole a tlačítko pod sebou, obě na celou šířku (dřív pole přetékalo a vznikala velká mezera) */
  #footer .custom-footer__newsletter fieldset { flex-direction: column; align-items: stretch; gap: 10px; }
  #footer .custom-footer__newsletter .smart-label-wrapper { flex: 0 0 auto; width: 100%; }
  #footer #newsletterWidget { border-radius: 999px !important; height: 50px !important; }
  #footer .custom-footer__newsletter button.btn { width: 100% !important; border-radius: 999px !important; height: 50px !important; min-height: 50px !important; justify-content: center; }
  #footer .custom-footer__newsletter .consents { padding-left: 4px; margin-top: 4px !important; }

  #footer .site-name { flex-direction: column; align-items: flex-start; gap: 16px; padding-bottom: 26px !important; margin-bottom: 28px !important; }
  #footer .site-name img { height: 44px !important; }
  #footer .dz-tagline { flex: 0 0 auto; font-size: 14px; }
  #footer .site-name .footer-socials { margin-left: 0; }

  #footer .dz-cols { grid-template-columns: 1fr 1fr; gap: 28px 16px; }
  #footer .dz-col--stores,
  #footer .dz-col--contact { grid-column: 1 / -1; }
  #footer .dz-col a { font-size: 14px; }
  #footer .dz-pay { justify-content: flex-start; margin-top: 32px; }
  #footer .dz-pay__label { flex: 1 0 100%; margin: 0 0 4px; }
  #footer .footer-bottom { margin-top: 28px; }
  #footer .dz-company { line-height: 1.6; }
}

#footer .footer-socials ul,
#footer .footer-socials .contact-box { padding-left: 0 !important; margin-left: 0 !important; }
@media (max-width: 575px) {
  /* prodejny na mobilu ve dvou sloupcích, ať zápatí není nekonečné */
  #footer .dz-col--stores ul { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 16px; }
  #footer .dz-col--stores li:last-child { grid-column: 1 / -1; }
}