/* Stopka eDoręczenia.pl — ciemny granat + akcenty marki, Geomanist.
   Siatka: marka+CTA / 4 kolumny / pasek prawny. Mobile: 2 kolumny, duże pola dotyku. Kontrast WCAG AA. */
.edo-stopka{
  --es-tlo:#0B1A2E; --es-tlo2:#10233D; --es-linia:rgba(255,255,255,.09);
  --es-tekst:#B8C7DA; --es-jasny:#FFFFFF; --es-akcent:#34B5E7; --es-akcent2:#1790E7;
  position:relative; margin-top:0; color:var(--es-tekst);
  background:radial-gradient(1200px 380px at 12% -80px, rgba(23,144,231,.22), transparent 70%), linear-gradient(180deg,var(--es-tlo2),var(--es-tlo));
  font-family:"Geomanist","ct_font_geomanist",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:15px; line-height:1.55; -webkit-font-smoothing:antialiased;
}
.edo-stopka::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--es-akcent2),var(--es-akcent) 60%,transparent)}
.edo-stopka *{box-sizing:border-box}
.es-wrap{max-width:1240px;margin:0 auto;padding:64px 28px 28px}
.edo-stopka a{color:inherit;text-decoration:none;transition:color .15s ease}
.edo-stopka a:hover{color:var(--es-jasny)}
.edo-stopka a:focus-visible{outline:2px solid var(--es-akcent);outline-offset:3px;border-radius:6px}

/* górny pas: marka + CTA */
.es-gora{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:40px;border-bottom:1px solid var(--es-linia)}
.es-marka{max-width:560px}
.es-logo{display:inline-flex;align-items:center;gap:12px;color:var(--es-jasny)!important;font-size:22px;font-weight:500;letter-spacing:-.01em}
.es-logo img{width:40px;height:40px}
.es-pl{color:var(--es-akcent)}
.es-opis{margin:14px 0 0;color:var(--es-tekst);font-size:15.5px;font-weight:300}
.es-cta{display:flex;gap:12px;flex-shrink:0}
.es-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;font-weight:500;font-size:15px;white-space:nowrap}
.es-btn-glowny{background:linear-gradient(135deg,#1778C8,#0E62AD);color:#fff!important;box-shadow:0 8px 24px -8px rgba(23,144,231,.7)}
.es-btn-glowny:hover{filter:brightness(.92)}
.es-btn-drugi{border:1px solid rgba(255,255,255,.28);color:var(--es-jasny)!important}
.es-btn-drugi:hover{border-color:var(--es-jasny);background:rgba(255,255,255,.05)}

/* kolumny */
.es-siatka{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;padding:44px 0}
.es-kol h2{margin:0 0 16px;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--es-jasny)}
.es-kol ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.es-kol li a{display:inline-flex;align-items:center;gap:10px;min-height:32px;font-weight:300}
.es-kontakt svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:var(--es-akcent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.es-kontakt li a{font-weight:400;color:var(--es-jasny)}
.es-kontakt li a:hover{color:var(--es-akcent)}
.es-partner{display:inline-block;margin-top:20px;padding:10px 14px;background:#fff;border-radius:12px;box-shadow:0 6px 20px -10px rgba(0,0,0,.6)}
.es-partner img{display:block;width:150px;height:auto}

/* pasek prawny */
.es-dol{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--es-linia);font-size:13.5px}
.es-firma{margin:0;color:#8FA3BC;font-weight:300}
.es-prawne{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin:0;padding:0}
.es-prawne a{color:#B8C7DA}
.es-gora-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--es-linia);border-radius:999px}
.es-gora-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* tablet */
@media (max-width:1024px){
  .es-gora{flex-direction:column;align-items:flex-start}
  .es-siatka{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
}
/* telefon */
@media (max-width:640px){
  .es-wrap{padding:48px 20px 24px}
  .es-cta{width:100%;flex-direction:column}
  .es-btn{width:100%}
  .es-siatka{gap:32px 20px;padding:36px 0}
  .es-kol li a{min-height:40px}
  .es-kontakt{grid-column:1 / -1}
  .es-dol{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:no-preference){ html{scroll-behavior:smooth} }

/* przycisk "do gory" jest w stopce — pływający przycisk motywu Blocksy (szary kwadrat) ukryty */
.ct-back-to-top{display:none!important}

/* ING Pay w stopce (ciemne tlo — logo kontra bez plakietki) */
.es-platnosci{display:flex;align-items:center;gap:12px;margin-top:16px;color:#8FA6BF;font-size:13px;line-height:1.3}
.es-platnosci img{display:block;height:34px;width:auto}
