/* ===== POPRAWKI MOBILNE — WSPÓLNE DLA STRON PUBLICZNYCH =====
   Dołączany na końcu <head>, więc nadpisuje style poszczególnych stron. */

/* Menu ☰: rozwija się pod nagłówkiem (nie zasłania przycisku), zostaje przy przewijaniu w ramach ekranu */
@media (max-width: 980px) {
  nav.main[style*="flex"] {
    position: fixed !important;
    top: var(--hdr-dol, 100px) !important;
    max-height: calc(100vh - var(--hdr-dol, 100px));
    overflow-y: auto;
    z-index: 60 !important;
  }
  nav.main .menu-wsparcie {
    display: block; margin: 10px auto 4px; padding: 10px 22px; border-radius: 6px;
    background: var(--burgundy); color: #fff !important; font-weight: 700; text-align: center;
  }
}
@media (min-width: 981px) { nav.main .menu-wsparcie { display: none; } }

/* Górny pasek: telefon po lewej, „Wsparcie budowy” po prawej — tak samo na każdej stronie */
@media (max-width: 768px) {
  .topbar .container, .topbar .container-wide { justify-content: space-between !important; padding: 4px 16px !important; }
  .topbar .left > *:not(a[href^="tel:"]):not(:has(a[href^="tel:"])) { display: none !important; }
  .topbar .left { gap: 0 !important; }
  .topbar a[href^="tel:"], .topbar a[href^="tel:"] span { white-space: nowrap; }
  .topbar .right a.topbar-btn-wsparcie, .topbar .right a.topbar-btn {
    display: inline-flex !important; padding: 5px 11px !important; font-size: .74rem !important; white-space: nowrap;
  }
}

/* Nagłówek: niższy, nazwa parafii w jednej linii */
@media (max-width: 560px) {
  header.site .nav { min-height: 0 !important; padding-top: 8px !important; padding-bottom: 8px !important; }
  .brand { gap: 10px !important; }
  .brand-mark, .brand-mark img, .brand-logo { width: 38px !important; height: 38px !important; }
  .brand-name { font-size: .8rem !important; line-height: 1.15 !important; }
  .brand-name small { font-size: .58rem !important; letter-spacing: .1em !important; margin-top: 2px !important; }
}

/* Karuzela na stronie głównej: strzałki na dole, nie na tekście */
@media (max-width: 980px) {
  .carousel-nav { top: auto !important; bottom: 14px !important; transform: none !important; width: 38px !important; height: 38px !important; }
  .carousel-nav svg { width: 18px !important; height: 18px !important; }
}