/*
 * custom.css — nadpisania CSS per-klient
 *
 * Ten plik ładowany jest PO głównym style.css szablonu,
 * więc każda reguła tutaj ma wyższy priorytet.
 *
 * Plik jest opcjonalny — jeśli nie istnieje, nic się nie ładuje.
 * Wersja cache-bustingu aktualizuje się automatycznie po zapisaniu pliku.
 *
 * Przykłady użycia:
 *
 * Zmiana rozmiaru logo:
 *   .site-header__logo img { max-height: 80px; }
 *
 * Inne kolory primary:
 *   :root { --color-primary: #e63946; --color-primary-dark: #c1121f; }
 *
 * Ukrycie elementu:
 *   .countdown-bar { display: none; }
 */

/* Nagłówek (życzenie szkoły): godło i pełna nazwa w lewym górnym rogu, menu w jednym ciągu po prawej, lupa skrajnie po prawej */
@media (min-width:1025px){
  .brand{position:static;left:auto;top:auto;transform:none;margin-right:auto;gap:14px}
  .brand__circle,.site-header.is-scrolled .brand__circle{width:auto;height:66px;padding:0;border:0;border-radius:0;box-shadow:none;background:none;overflow:visible}
  .site-header.is-scrolled .brand__circle{height:56px}
  .brand__logo{width:auto;height:100%}
  .brand__text{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
  .brand__name{max-width:17em;font-size:1.1rem;line-height:1.2}
  .main-nav{display:flex;justify-content:flex-end;width:auto;padding-left:0;padding-right:60px}
  .main-nav__gap{display:none}
  .main-nav__list{gap:4px}
  .main-nav__link{padding:10px 9px;font-size:1rem;white-space:nowrap}
}
/* Węższy ekran: mniejsze zakładki; poniżej 1180 px samo godło (nazwa zostaje dla czytników ekranu) */
@media (min-width:1025px) and (max-width:1279px){
  .main-nav__list{gap:0}
  .main-nav__link{padding:10px 7px;font-size:.95rem}
}
@media (min-width:1025px) and (max-width:1179px){
  .brand__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
}
/* Baner: wyższy i kadr przesunięty w dół — widać cały budynek z wejściem, mniej nieba */
.hero__slide{height:clamp(420px,46vw,680px)}
.hero__img{object-position:50% 58%}