/* === Responsive layer (updated) — 2025-08-24 === */

/* Tokens & reset */
:root { --main-color:#c84a1d; --dark-color:#222; --text-color:#333; --card-bg:#fff; }
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#f4f4f4;color:var(--text-color)}

img,video,canvas,svg{max-width:100%;height:auto}
table{width:100%;border-collapse:collapse}

/* NAV — wygląd (desktop) */
nav{
  display:flex;justify-content:space-between;align-items:center;
  padding:20px 60px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.08);
  position:sticky;top:0;z-index:100;
}
nav>a img[alt="ANKO-BAU"]{height:80px}
nav>ul{display:flex;list-style:none;margin:0;padding:0;align-items:center}
nav>ul>li+li{margin-left:30px}
nav a{text-decoration:none;color:var(--dark-color);font-weight:bold;transition:color .2s}
nav a:hover{color:var(--main-color)}

/* NAV — hamburger + zachowanie mobile */
nav .nav__toggle{
  display:none;border:0;background:transparent;font-size:1.75rem;line-height:1;padding:.5rem .75rem;cursor:pointer;
  color:#222; /* domyślnie ciemny kolor */
}
@media (max-width:768px){
  nav>a img[alt="ANKO-BAU"]{height:60px}
  nav.has-mobile-toggle .nav__toggle{display:block;position:relative;z-index:1001}
  /* chowamy listy domyślnie (nawet jeśli mają inline display) */
  nav.has-mobile-toggle ul,
  nav.has-mobile-toggle ol,
  nav.has-mobile-toggle .menu,
  nav.has-mobile-toggle .nav,
  nav.has-mobile-toggle .nav-list{display:none !important}
  /* po otwarciu */
  nav.has-mobile-toggle.open ul,
  nav.has-mobile-toggle.open ol,
  nav.has-mobile-toggle.open .menu,
  nav.has-mobile-toggle.open .nav,
  nav.has-mobile-toggle.open .nav-list{display:block !important;position:relative;margin-top:12px}
  nav.has-mobile-toggle.open ul li,
  nav.has-mobile-toggle.open ol li{display:block;margin:10px 0}
}

/* 🔧 HOTFIX — hamburger zawsze widoczny (nadpisuje białe buttony na Kontakt) */
nav .nav__toggle{
  color:#222 !important;
  background:transparent !important;
}

/* HOME — równe kafelki „Unsere Leistungen” */
#uslugi .features-grid{align-items:stretch}
#uslugi .feature{
  background:var(--card-bg);border-radius:14px;text-align:center;
  height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
}
#uslugi .feature img{
  height:72px !important;width:auto !important;max-width:none !important;object-fit:contain;margin-bottom:10px;
}
@media (max-width:900px){ #uslugi .features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px} }
@media (max-width:520px){ #uslugi .features-grid{grid-template-columns:1fr} #uslugi .feature img{height:64px !important} }

/* === Fix: center header background on mobile (added by assistant, 2025-08-25) === */
@media (max-width: 768px) {
  body > header {
    background-position: center !important;
  }
}