/* === HaloClean: small, safe overrides (hc-fixes.css) === */
body, html { font-family: 'Comfortaa', 'Ubuntu', sans-serif !important; font-weight: 400; }
h1, h2, h3, h4, h5, h6 { font-family: 'Comfortaa', 'Ubuntu', sans-serif !important; font-weight: 600; }

/* 1) GLOBAL — no shadows, smooth corners */
:root{ --hc-radius:10px; }
* { box-shadow: none !important; }

/* 2) HOMEPAGE TILES (#boksy) */
#boksy > .inner > .boks,
#boksy > .inner > a.boks,
#boksy [class^="boks-"],
#boksy [class*=" boks-"] {
  border-radius: var(--hc-radius);
  overflow: hidden;
  transform: translateZ(0);
  transition: transform .2s ease, filter .2s ease, opacity .2s ease;
}

#boksy > .inner > .boks:hover,
#boksy > .inner > a.boks:hover,
#boksy [class^="boks-"]:hover,
#boksy [class*=" boks-"]:hover {
  transform: translateY(-3px) scale(1.02);
}

#boksy .boks img,
#boksy [class^="boks-"] img,
#boksy [class*=" boks-"] img {
  border-radius: var(--hc-radius);
  display:block;
}

/* 3) NAV — dropdown look & animation */
.mdropdown > .dropdown-menu,
li.mdropdown > ul.dropdown-menu {
  border-radius: var(--hc-radius);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: none !important;
  padding: 8px 0;
  margin-top: 6px;
  transform: translateY(6px);
  opacity: 0;
  visibility: hidden;
  transition: transform .18s ease, opacity .18s ease, visibility .18s ease;
  overflow: hidden;
}

.mdropdown:hover > .dropdown-menu,
li.mdropdown.open > ul.dropdown-menu {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.mdropdown > .dropdown-menu > li > a {
  padding: 9px 16px;
  transition: background-color .15s ease;
}
.mdropdown > .dropdown-menu > li > a:hover {
  background: rgba(0,0,0,.04);
}

/* 4) BUTTONS & FORM ELEMENTS */
.btn, button, input[type="submit"], .button {
  border-radius: var(--hc-radius) !important;
  transition: transform .2s ease, filter .2s ease;
  will-change: transform;
}
.btn:hover, button:hover, input[type="submit"]:hover, .button:hover {
  transform: translateY(-3px);
  filter: brightness(1.05);
}

/* 5) MOBILE SCROLL GUARD */
html, body { overflow-y:auto !important; height:auto !important; -webkit-overflow-scrolling:touch; }
body.menu-open, body.modal-open { position: static !important; }

/* === HaloClean: delikatne zaokrąglenia zdjęć i boxów (v3 – większe, 14px) === */

/* 1. Główne kafelki na stronie głównej */
#boksy > .inner > .boks,
#boksy > .inner > a.boks,
#boksy [class^="boks-"],
#boksy [class*=" boks-"] {
  border-radius: 14px;
  overflow: hidden;
  transition: transform .25s ease;
}

#boksy .boks img,
#boksy [class^="boks-"] img,
#boksy [class*=" boks-"] img {
  border-radius: inherit;
  display: block;
}

/* 2. Nagłówki z dużym zdjęciem (np. "Oferta", "Cennik") */
.wrapper-top img {
  border-radius: 14px;
  display: block;
}

/* 3. Boxy usług (np. "Oferta dla firm", "dla osób indywidualnych" itd.) */
.oferta,
.offer,
.panel,
.card,
.module,
.news-box,
.gallery-box,
.price-box,
.form-box {
  border-radius: 14px;
  overflow: hidden;
  transition: transform .25s ease;
}

.oferta img,
.offer img,
.panel img,
.card img,
.module img,
.news-box img,
.gallery-box img,
.price-box img,
.form-box img {
  border-radius: inherit;
  display: block;
}

/* 4. Hover – subtelne uniesienie tylko na desktopie */
@media (min-width: 992px) {
  #boksy > .inner > .boks:hover,
  #boksy [class^="boks-"]:hover,
  .oferta:hover,
  .offer:hover,
  .panel:hover,
  .card:hover,
  .module:hover,
  .news-box:hover,
  .gallery-box:hover {
    transform: translateY(-4px) scale(1.02);
  }
}

/* === HaloClean: duże, miękkie zaokrąglenia 22px (bez szarych rogów) === */

/* Wyłącz maski i niepotrzebne cienie na obrazkach */
img {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  box-shadow: none !important;
}

/* 1) Strona główna – kafelki (boks-y) */
#boksy > .inner > .boks,
#boksy > .inner > a.boks,
#boksy [class^="boks-"],
#boksy [class*=" boks-"] {
  border-radius: 22px;
  overflow: hidden;
  background-clip: padding-box;
  transition: transform .25s ease;
}

#boksy .boks img,
#boksy [class^="boks-"] img,
#boksy [class*=" boks-"] img {
  border-radius: inherit;
  display: block;
}

/* 2) Nagłówek / hero (duże zdjęcie pod logo) */
.wrapper-top img {
  border-radius: 22px;
  display: block;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* 3) Podstrony – boxy ofert (linki z obrazkami) */
.wrapper-spacer .row > div > a,
.wrapper-spacer .row > div > div > a,
.wrapper-spacer .row .thumbnail {
  border-radius: 22px;
  overflow: hidden;
  background: transparent;
  background-clip: padding-box;
  display: block;
}

.wrapper-spacer .row > div > a > img,
.wrapper-spacer .row .thumbnail > img,
.wrapper-spacer .row img.img-responsive {
  border-radius: inherit;
  display: block;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* 4) Subtelny hover (tylko desktop) */
@media (min-width: 992px) {
  #boksy > .inner > .boks:hover,
  #boksy [class^="boks-"]:hover,
  .wrapper-spacer .row > div > a:hover,
  .wrapper-spacer .row .thumbnail:hover {
    transform: translateY(-3px) scale(1.02);
    transition: transform .25s ease;
  }
}