/* ==========================================================
   ŽIJ PADEL! – PATIČKA
   Okraje řízeny jednotným gutter systémem ze zp-base.css.
   ========================================================== */
:root{
  --zp-green:#BFE055;
  --zp-navy-top:#15336E;
  --zp-navy-mid:#0C2147;
  --zp-navy-deep:#081A38;
  --zp-text:#D7E0F0;
  --zp-text-dim:#9FB0CC;
  --zp-radius:22px;
}

/* ---------- základ patičky – karta s gradientem ---------- */
#footer{
  position:relative;
  display:block !important;
  width:min(100% - (var(--zp-gutter, 20px) * 2), var(--zp-content-max-footer, 1418px)) !important;
  margin:20px auto 40px !important;
  background:linear-gradient(180deg,var(--zp-navy-top) 0%,var(--zp-navy-mid) 45%,var(--zp-navy-deep) 100%) !important;
  border-top-left-radius:var(--zp-radius) !important;
  border-top-right-radius:var(--zp-radius) !important;
  border-bottom-left-radius:var(--zp-radius) !important;
  border-bottom-right-radius:var(--zp-radius) !important;
  padding-top:48px !important;
  padding-left:20px !important;
  padding-right:20px !important;
  padding-bottom: 0px !important;
  overflow:hidden;
}
#footer::before{ content:none !important; }
#footer > *{ position:relative; z-index:1; }

#footer .footer-bottom{
  max-width:100% !important;
  margin:auto !important;
  padding-left:1px !important;
  padding-right:1px !important;
  padding-bottom: 0px !important;
}

/* ---------- text + odkazy ---------- */
#footer,#footer p,#footer li,#footer span,#footer address{ color:var(--zp-text) !important; }
#footer a{ color:var(--zp-text) !important; text-decoration:none; transition:color .15s ease; }
#footer a:hover{ color:var(--zp-green) !important; }

/* ---------- nadpisy sekcí + lime akcent ---------- */
#footer .pageElement__heading{
  color:#fff !important; font-weight:700; position:relative;
  padding-bottom:10px; margin-bottom:16px;
}
#footer .pageElement__heading::after{
  content:""; position:absolute; left:0; bottom:0;
  width:32px; height:3px; border-radius:3px; background:var(--zp-green);
}

/* ---------- odkazy v Blogu ---------- */
#footer .newsItemWidget__heading{ margin:0 0 12px; }
#footer .newsItemWidget__heading a{ font-weight:600; line-height:1.35; }

/* ---------- lime odrážky u "Informace pro vás" ---------- */
#footer .custom-footer__articles li::before,
#footer .custom-footer__articles li a::before,
#footer .custom-footer__articles ul li::marker{
  color:var(--zp-green) !important;
  border-color:var(--zp-green) !important;
}

/* ---------- sociální ikony – skrytí originálů šablony ---------- */
#footer .contact-box a::before,
#footer .contact-box .facebook::before,
#footer .contact-box .instagram::before,
#footer .contact-box .whatsapp::before{ content:none !important; }
#footer .contact-box .facebook,
#footer .contact-box .instagram,
#footer .contact-box .whatsapp{ background:none !important; padding:0 !important; }

/* sociální ikony jako kolečka (vkládá JS) */
#footer .contact-box li:has(.zp-soc){ display:inline-block; margin:10px 8px 0 0; }
#footer .contact-box span:has(.zp-soc){ display:inline-flex; padding:0; }
#footer a.zp-soc{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:50%; overflow:hidden;
  font-size:0; line-height:0;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16);
  color:var(--zp-text) !important;
  transition:transform .15s ease, background .15s ease, color .15s ease;
}
#footer a.zp-soc svg{ width:20px; height:20px; display:block; }
#footer a.zp-soc:hover{ background:var(--zp-green); color:#14306A !important; transform:translateY(-2px); }

/* ---------- e-mail / telefon – ikonka + skrytí ikon šablony ---------- */
#footer .zp-ico{ display:inline-flex; width:16px; height:16px; margin-right:8px; color:var(--zp-green); vertical-align:-2px; }
#footer .zp-ico svg{ width:16px; height:16px; }
#footer .contact-box .mail::before,
#footer .contact-box .tel::before,
#footer .contact-box .mail a::before,
#footer .contact-box .tel a::before{ content:none !important; display:none !important; }
#footer .contact-box .mail .zp-ico ~ *::before,
#footer .contact-box .tel .zp-ico ~ *::before{ content:none !important; }
#footer .contact-box .mail,
#footer .contact-box .tel{ background:none !important; padding-left:0 !important; }

/* ---------- platební metody (vkládá JS) ---------- */
.zp-pay{
  margin:0 auto 18px; padding:22px 15px 0;
  text-align:center; border-top:1px solid rgba(235,231,231,.1);
}
.zp-pay-label{ display:block; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--zp-text-dim); margin-bottom:12px; }
.zp-pay-row{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.zp-pay-row .zp-chip{ height:30px; width:auto; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,.25); transition:transform .15s ease; }
.zp-pay-row .zp-chip:hover{ transform:translateY(-2px); }

/* ---------- 4. sloupec: logo + tlačítko "Odstoupit od smlouvy" ---------- */
#footer .custom-footer__instagram{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:14px !important;
  min-height:100% !important;
  padding:24px 0 !important;
}
#footer .custom-footer__instagram .zp-logo{
  width:130px !important; height:130px !important; min-width:130px !important;
  border-radius:50% !important; object-fit:cover !important;
  background:var(--zp-green) !important;
  padding:9px !important; box-sizing:border-box !important;
  margin:0 auto !important;
  opacity:.95; transition:opacity .15s ease, transform .15s ease;
}
#footer .custom-footer__instagram .zp-logo:hover{ opacity:1; transform:translateY(-2px); }
#footer .custom-footer__instagram div:has(> a[href*="reklamacnik"]){ padding:0 !important; margin:0 !important; }

/* ---------- tlačítko "Odstoupit od smlouvy" – vzhled ---------- */
#footer div:has(> a[href*="reklamacnik"]){ text-align:center !important; padding:0 6px 6px !important; }
#footer a[href*="reklamacnik"]{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.832) !important;
  color:var(--zp-text) !important;
  border-radius:8px !important; padding:9px 18px !important;
  font-weight:600 !important; font-size:13px !important;
  display:inline-block !important; text-decoration:none !important;
  transition:border-color .15s ease, color .15s ease, transform .15s ease;
}
#footer a[href*="reklamacnik"]:hover{
  border-color:var(--zp-green) !important; color:var(--zp-green) !important; transform:translateY(-2px);
}

/* ---------- desktop (≥992px): flex řádek + svislé oddělovače ---------- */
@media (min-width:992px){
  #footer .row.custom-footer{ display:flex !important; flex-wrap:wrap; align-items:stretch; }
  #footer .row.custom-footer > [class*="col-"]{ float:none !important; position:relative; }
  #footer .row.custom-footer > [class*="col-"]:not(:first-child)::before{
    content:""; position:absolute; left:0; top:6px; bottom:6px;
    width:1px; background:rgba(255,255,255,.14);
  }
}

/* ---------- mobil/tablet (≤991px): vystředění nadpisů ---------- */
@media (max-width:991px){
  #footer .pageElement__heading{ text-align:center; }
  #footer .pageElement__heading::after{ left:50%; transform:translateX(-50%); }
}