/* English Colours - stopka serwisu na trzech stronach statycznych (12.09.2026).

   Wyizolowane reguły stopki z arkusza serwisu (assets/css/main.css, sekcja FOOTER).
   Kolizja nazw: projekt tych stron ma własną klasę .site-footer w assets/nowe/styles.css,
   a stopka serwisu używa klasy .footer - żeby na pewno nic się nie mieszało, stopka na tych
   stronach dostaje dodatkową klasę .ec-stopka i WSZYSTKIE reguły niżej są nią prefiksowane
   (wyższa specyficzność niż cokolwiek z arkusza projektu).

   Wartości zmiennych z serwisu wpisane wprost, bo tokeny projektu (--ink, --line, --muted)
   mają w assets/nowe/styles.css inne wartości i podmieniłyby kolory stopki.
   Font: Plus Jakarta Sans - ten sam w serwisie i w projekcie (ładowany z assets/nowe/fonts.css). */

.ec-stopka {
  background: #1A1A2E;
  color: #BDBDD0;
  padding-top: 36px;
  padding-bottom: 0;
  font-size: 16px;
  line-height: 1.6;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  text-align: left;
}
.ec-stopka .container { width: 100%; max-width: 1440px; margin-inline: auto; padding-inline: clamp(16px, 4vw, 40px); }
.ec-stopka h3 { color: #fff; font-size: 16px; font-weight: 700; line-height: 1.15; letter-spacing: -.018em; margin: 0 0 16px; }
.ec-stopka .footer__grid { display: grid; grid-template-columns: 1fr 1.5fr 1.3fr; gap: 32px; padding-bottom: 28px; border-bottom: 1px solid #2A2A4D; }
@media (max-width: 980px) { .ec-stopka .footer__grid { grid-template-columns: 1fr 1fr; gap: 28px; } }
@media (max-width: 560px) { .ec-stopka .footer__grid { grid-template-columns: 1fr; } }
.ec-stopka .footer__contact { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 28px; }
@media (max-width: 380px) { .ec-stopka .footer__contact { grid-template-columns: 1fr; gap: 8px; } }
.ec-stopka .footer__vacation { color: #FFC861; font-weight: 600; margin-top: 8px; }
.ec-stopka ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.ec-stopka li { margin: 0; }
.ec-stopka a { color: #BDBDD0; text-decoration: none; transition: color .25s cubic-bezier(.4,0,.2,1); }
.ec-stopka a:hover { color: #EF7C0E; }
.ec-stopka .footer__certs { display: grid; grid-template-columns: repeat(3, max-content); gap: 10px; align-items: center; justify-content: start; }
.ec-stopka .footer__cert { background: #fff; border-radius: 8px; padding: 7px 10px; display: inline-flex; align-items: center; }
.ec-stopka .footer__cert img { height: 26px; width: auto; display: block; }

.ec-stopka .subfooter {
  padding: 22px 0;
  font-size: 13px; color: #8B8BA5;
  display: flex; align-items: center; justify-content: space-between; gap: 16px 28px; flex-wrap: wrap;
}
.ec-stopka .subfooter nav { display: flex; gap: 16px; flex-wrap: wrap; }
/* WCAG 2.5.5: rozmiar celu dotykowego - tak samo jak w serwisie */
.ec-stopka .subfooter nav a { display: inline-flex; align-items: center; min-height: 32px; padding: 4px 0; }
@media (max-width: 720px) {
  .ec-stopka .subfooter nav a { min-height: 44px; padding: 6px 0; }
}