/* ==========================================================================
   emedia: naglowek i stopka serwisu
   Utworzone 04.09.2026. Poprawki wspolne dla kazdej podstrony: logo dalej od
   krawedzi telefonu, przelacznik jezyka przeniesiony do menu, stopka zwiniete
   w kolumny i formularz zapisu, ktorego pola nie uciekaja poza ekran.

   Ladowany na kazdej podstronie, po obu arkuszach bazowych, z wersja z daty pliku.
   Zwijaniem kolumn stopki steruje js/emedia-stopka.js.
   ========================================================================== */

/* --- 1. Naglowek serwisu: logo dalej od krawedzi, przelacznik jezyka w menu --- */

body header nav .em-jezyk-w-menu {
  display: block !important;
  margin: 18px 0 0 !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid rgba(255,255,255,.18);
}

@media (max-width: 767px) {

  body header .logo img,
  body header > .fit > a img,
  body header a img[src*="logo"] {
    max-width: 126px !important;
    height: auto !important;
  }

  body header img[src*="/gtranslate/flags/"],
  body header .gtranslate_wrapper img,
  body header [class*="lang"] img {
    width: 17px !important;
    height: 17px !important;
  }

  body header .logo img,
  body header a img[src*="logo"] {
    margin-left: 0 !important;
  }

  body header .fit,
  body header > div {
    padding-right: 14px !important;
    padding-left: 22px !important;
    padding-top: 12px !important;
  }

  body header .em-udostepnij {
    padding: 5px;
  }

}


/* --- 2. Stopka serwisu: zwijane kolumny, formularz zapisu, logo ------------- */

body footer .em-zaproszenie-linia {
  margin: 0 !important;
}

body footer .em-zaproszenie-linia p {
  display: inline !important;
  font-size: 14.5px !important;
}

body footer .em-zaproszenie-tekstowy {
  display: inline !important;
  background: none !important;
  color: #F25E2A !important;
  padding: 0 !important;
  border-radius: 0 !important;
  text-decoration: underline !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
}

body footer .wp-block-column img[src*="logo"] {
  margin-bottom: 26px !important;
}

@media (max-width: 767px) {

  body footer .em-stopka-zwin {
    cursor: pointer;
    position: relative;
    padding-right: 26px !important;
  }

  body footer .em-stopka-zwin::after {
    content: "";
    position: absolute;
    right: 4px;
    top: 6px;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    opacity: .55;
  }

  body footer .em-stopka-zwin[aria-expanded="true"]::after {
    transform: rotate(-135deg);
    top: 9px;
  }

  body footer .em-stopka-ukryta {
    display: none !important;
  }

  body footer .wp-block-column {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body footer .wp-block-column > p:first-child,
  body footer .wp-block-column > h2,
  body footer .wp-block-column > h3 {
    font-size: 15px !important;
    margin: 0 !important;
    padding: 13px 26px 13px 0 !important;
  }

  body footer ul.wp-block-list li {
    font-size: 14.5px !important;
    margin: 0 0 7px !important;
    line-height: 1.4 !important;
  }

  body footer ul.wp-block-list {
    margin: 2px 0 12px !important;
    padding-left: 0 !important;
    list-style: none !important;
  }

  body footer .formInput input,
  body footer input[type="text"],
  body footer input[type="email"] {
    padding: 11px 14px !important;
    font-size: 15px !important;
  }

  body footer .footer_bottom {
    font-size: 12.5px !important;
  }

  body footer .wp-block-column img[src*="logo"] {
    margin-bottom: 18px !important;
  }

  body footer .wp-block-columns {
    gap: 0 !important;
    row-gap: 0 !important;
    margin-bottom: 10px !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  body footer .wp-block-columns > .wp-block-column {
    flex-basis: auto !important;
    width: 100% !important;
  }

  body footer figure.wp-block-image {
    margin-bottom: 22px !important;
  }

}

@media (min-width: 768px) and (max-width: 1023px) {

  body footer .formML .formHeader h2 {
    font-size: 30px !important;
    line-height: 1.2 !important;
  }

}

@media (min-width: 1024px) {

  body footer .em-kolumna-newsletter {
    flex-basis: 52% !important;
    max-width: none !important;
  }

  body footer .formML {
    max-width: none !important;
  }

  body footer form.formML {
    flex-wrap: wrap !important;
  }

  body footer form.formML > .formHeader {
    flex: 1 1 380px !important;
    min-width: 380px !important;
    width: auto !important;
    max-width: none !important;
  }

  body footer form.formML > .formForm {
    flex: 1 1 420px !important;
    min-width: 0 !important;
  }

  body footer .formML .formHeader h2 {
    font-size: 29px !important;
    line-height: 1.22 !important;
    max-width: none !important;
  }

}