/* makaipeter.hu — mobil javítások a v17 style.css fölé.
   A style.css változatlan marad (SPEC 6.1); ez a fájl csak a keskeny kijelzős hibákat javítja. */

/* A rács-elemek zsugorodhassanak: hosszú szó vagy captcha ne feszítse szét az oszlopot. */
.casehero-grid>*,.service-detail>*,.offer-detail-50>*,.hero-grid>*,.split>*,.split-case>*,.calc-grid>*,
.formgrid>*,.cards>*,.stats>*,.case-card>*,.problem-grid>*,.flow>*,.term-grid>*,.footergrid>*{min-width:0}

@media (max-width:900px){
  /* A v17 egy címe inline nowrap-pel sosem törne (Veszteségvadászat: „Nem egy több hetes…”) */
  h1[style*="nowrap"],h2[style*="nowrap"],h3[style*="nowrap"]{white-space:normal!important}
  /* Szolgáltatásoldalak tények-sávja: a v17 inline stílusa 4 oszlopot erőltet */
  .facts[style*="repeat(4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .facts[style*="repeat(4"]>div:nth-child(2n){border-right:0!important}
  .facts[style*="repeat(4"]>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}

@media (max-width:700px){
  /* Szlogen és telefonszám sáv mobilon nem kell (a konzultáció gomb és a lábléc elérhető) */
  .top{display:none}

  /* Hosszú magyar szavak elválasztása kötőjellel — csak a tényleg hosszú szavaknál (min. 12 betű,
     mindkét oldalon legalább 5); ha a böngésző nem tud elválasztani, akkor is törjön */
  h1,h2,h3,h4,.btn,.case-card-body h2{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-hyphenate-limit-chars:12 5 5;hyphenate-limit-chars:12 5 5}
  .kicker{overflow-wrap:break-word}

  /* Űrlapkártyák: kisebb belső margó, hogy a mezők és a captcha elférjenek */
  form{padding:22px 18px}
  .quick-card{padding:24px 20px}
  .quick-call{padding:16px}
}

@media (max-width:560px){
  .facts[style*="repeat(4"]{grid-template-columns:minmax(0,1fr)!important}
  .facts[style*="repeat(4"]>div{border-right:0!important;border-bottom:1px solid var(--line)}
  .facts[style*="repeat(4"]>div:last-child{border-bottom:0}
}

/* Turnstile: keskeny helyen kompakt méret (a site.js/layout méretezi) */
.cf-turnstile{max-width:100%}

/* Keskeny asztali sáv (a hamburger 1000 px alatt indul): a Blog menüponttal is férjen ki a fejléc */
@media (min-width:1001px) and (max-width:1240px){
  .navlinks{gap:14px}
  .brandtext span{display:none}
  .navcta{white-space:normal;text-align:center;line-height:1.25;max-width:190px;padding:8px 12px}
}
/* Mobil menügomb: ne nyomja össze a fejléc (négyzetes, 44 px érintési felület) */
.navtoggle{flex:0 0 44px;width:44px;min-width:44px;height:44px;font-size:22px}