/* ============================================================
   wentylacja24 — warstwa refinementu (admin-safe overlay)
   Nakladka na motyw Waybox. Nie modyfikuje danych ani panelu.
   Brand: niebieski #0c4da2, czerwony #ed1b2f
   ============================================================ */
:root{
  --w24-blue:#0c4da2;
  --w24-blue-dark:#093d80;
  --w24-red:#ed1b2f;
}

/* 1) Karty kategorii/banerow — rowna wysokosc obrazka => wyrownane tytuly */
.waynet-box-banners__image-wrapper{
  height:230px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid #eef1f5;
  border-radius:14px;
  overflow:hidden;
  padding:14px;
  transition:border-color .25s ease, box-shadow .25s ease;
}
.waynet-box-banners__image{
  max-height:100% !important;
  width:auto !important;
  object-fit:contain;
  transition:transform .4s ease;
}
.waynet-box-banners__content{ cursor:pointer; }
.waynet-box-banners__content:hover .waynet-box-banners__image-wrapper{
  border-color:var(--w24-blue);
  box-shadow:0 10px 28px rgba(12,77,162,.12);
}
.waynet-box-banners__content:hover .waynet-box-banners__image{ transform:scale(1.05); }

/* 2) Przyciski — plynne stany, lekki lift, spojny brand */
.btn, a.btn, .btn-primary{
  transition:background-color .2s ease, border-color .2s ease, transform .15s ease, box-shadow .2s ease;
}
.btn-primary:hover{
  background-color:var(--w24-blue-dark);
  border-color:var(--w24-blue-dark);
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(12,77,162,.28);
}
.btn-primary:focus-visible, a:focus-visible, button:focus-visible{
  outline:3px solid rgba(12,77,162,.4);
  outline-offset:2px;
}

/* 3) Link "ZOBACZ" w kartach — akcent brandowy + przesuniecie strzalki */
.waynet-box-banners__link{ transition:color .2s ease; }
.waynet-box-banners__link:hover{ color:var(--w24-red); }
.waynet-box-banners__link .icon-arrow-right{ transition:transform .2s ease; }
.waynet-box-banners__link:hover .icon-arrow-right{ transform:translateX(4px); }

/* 4) Naglowki sekcji — subtelny akcent (kreska brandowa); header per typ sekcji */
[class*="waynet-box-"][class*="__header"]{
  letter-spacing:.005em;
  padding-bottom:.4rem;
  margin-bottom:2.2rem;
}
[class*="waynet-box-"][class*="__header"].text-center::after{
  content:"";
  display:block;
  width:60px;
  height:4px;
  margin:1rem auto 0;
  background:var(--w24-red);
  border-radius:2px;
}

/* 5) Rytm sekcji — nieco wiecej oddechu miedzy sekcjami home */
.sections-spacing{ padding-top:2.2rem; padding-bottom:2.2rem; }

/* 6) Drobne: kursory dla elementow klikalnych */
.swiper-button-next, .swiper-button-prev, [role="button"]{ cursor:pointer; }

/* 7) Sekcje copy+banner — wysrodkowanie tresci w bezowym polu (koniec pustego dolu) */
.waynet-box-copy-with-banner__copy-wrapper{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:2.5rem 2rem;
}
.waynet-box-copy-with-banner__copy-wrapper.bg-beige{ border-radius:14px; }