/* GIRBO girbo.hu · akadálymentes nézet (nagy kontraszt + nagyobb betű), 2026-11-07.
   Bekapcsolás: a fejléc gombja (assets/site.js), vagy magától, ha a gépen be van kapcsolva a nagy kontraszt (prefers-contrast: more).
   Az állapotot a <html data-a11y="1"> jelzi; a fejben lévő rövid szkript már a megjelenés előtt beállítja (nincs villanás). */

/* --- A gomb a fejlécben --- */
.a11y-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:40px;min-width:40px;padding:0 9px;border:1px solid var(--bd);border-radius:12px;background:var(--card,#fff);color:var(--fg);cursor:pointer;font:inherit;font-weight:700;font-size:.92rem;line-height:1;flex:none}
.a11y-btn svg{width:20px;height:20px;flex:none}
.a11y-btn:hover{border-color:var(--fg)}
.a11y-btn:focus-visible{outline:3px solid var(--a2,#17b39a);outline-offset:2px}
.a11y-btn[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.a11y-btn .a11y-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:900px){
  .nl .a11y-btn{width:100%;height:46px;margin-top:12px;justify-content:center}
  .nl .a11y-btn .a11y-txt{position:static;width:auto;height:auto;overflow:visible;clip:auto}
}

/* --- Nagy kontrasztú, nagyobb betűs nézet --- */
html[data-a11y="1"]{font-size:118%;--bg:#ffffff;--fg:#000000;--muted:#1f1f1f;--card:#ffffff;--bd:#000000;--a1:#a8260b;--a1d:#7d1c08;--a2:#00624d}
html[data-a11y="1"] body{background:#fff !important;color:#000 !important}
html[data-a11y="1"] header.site{background:#fff !important;backdrop-filter:none;border-bottom:2px solid #000}
html[data-a11y="1"] .nl a:not(.btn){color:#000 !important}
html[data-a11y="1"] a:not(.btn):not(.brand):not(.c):not(.post):not(.feat):not(.bcard):not(.card){text-decoration:underline;text-underline-offset:3px}
html[data-a11y="1"] p,html[data-a11y="1"] li,html[data-a11y="1"] td,html[data-a11y="1"] th,html[data-a11y="1"] dd,html[data-a11y="1"] summary,
html[data-a11y="1"] .lead,html[data-a11y="1"] .sub,html[data-a11y="1"] .lead-p,html[data-a11y="1"] .pmeta,html[data-a11y="1"] .ammeta,
html[data-a11y="1"] .note,html[data-a11y="1"] .crumb,html[data-a11y="1"] .fcol a,html[data-a11y="1"] .fbot,html[data-a11y="1"] .fcol p{color:#000 !important;opacity:1 !important}
html[data-a11y="1"] .card,html[data-a11y="1"] .feat,html[data-a11y="1"] .post,html[data-a11y="1"] .bcard,html[data-a11y="1"] details,
html[data-a11y="1"] .callout,html[data-a11y="1"] table,html[data-a11y="1"] td,html[data-a11y="1"] th,html[data-a11y="1"] .toc a{border-color:#000 !important}
html[data-a11y="1"] .grad{background:#a8260b !important}
html[data-a11y="1"] .btn-p{background:#a8260b !important;color:#fff !important;box-shadow:none !important}
html[data-a11y="1"] .btn-o,html[data-a11y="1"] .btn-w{background:#fff !important;color:#000 !important;border:2px solid #000 !important}
html[data-a11y="1"] .cat,html[data-a11y="1"] .kick,html[data-a11y="1"] .star-b{color:#7d1c08 !important}
html[data-a11y="1"] *:focus-visible{outline:3px solid #000 !important;outline-offset:3px !important}
html[data-a11y="1"] .endcta .box,html[data-a11y="1"] .cta .box,html[data-a11y="1"] .cta-box{background:#a8260b !important}
html[data-a11y="1"] .endcta .box::after,html[data-a11y="1"] .cta .box::after{display:none}
html[data-a11y="1"] .endcta p,html[data-a11y="1"] .cta p,html[data-a11y="1"] .cta-box p,html[data-a11y="1"] .endcta h3,html[data-a11y="1"] .cta h2,html[data-a11y="1"] .cta-box h2{color:#fff !important;opacity:1 !important}
@media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important;scroll-behavior:auto !important}}

/* Sötét hátterű részek (főoldali nyitókép, „Miért GIRBO” sáv, ajánlatkérő dobozok): itt a szöveg FEHÉR marad. */
html[data-a11y="1"] .hero .w::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.72);border-radius:0}
html[data-a11y="1"] .hero,html[data-a11y="1"] .band{background:#000 !important}
html[data-a11y="1"] .band::after{display:none}
html[data-a11y="1"] .hero :is(p,li,span,h1,h2,h3,strong,b),html[data-a11y="1"] .band :is(p,li,span,h2,h3,strong,b),
html[data-a11y="1"] .cta-box :is(p,h2),html[data-a11y="1"] .endcta .box :is(p,h3),html[data-a11y="1"] .cta .box :is(p,h2){color:#fff !important;opacity:1 !important;text-shadow:none}
html[data-a11y="1"] .hero a:not(.btn),html[data-a11y="1"] .band a:not(.btn){color:#fff !important}

/* --- Nyelvválasztó (HU | EN) a fejlécben, 2026-11-07 --- */
.lang-switch{display:inline-flex;align-items:center;height:40px;border:1px solid var(--bd);border-radius:12px;background:var(--card,#fff);overflow:hidden;flex:none;font-weight:800;font-size:.85rem;letter-spacing:.02em}
.lang-switch a,.lang-switch span{display:grid;place-items:center;height:100%;min-width:40px;padding:0 9px;color:var(--muted,#6b6577);text-decoration:none !important}
.lang-switch a:hover{color:var(--fg)}
.lang-switch [aria-current="page"]{background:var(--fg);color:var(--bg,#fff)}
.lang-switch a:focus-visible{outline:3px solid var(--a2,#17b39a);outline-offset:-3px}
@media(max-width:900px){.nl .lang-switch{width:100%;height:46px;margin-top:12px}.nl .lang-switch a,.nl .lang-switch span{flex:1}}
html[data-a11y="1"] .lang-switch{border:2px solid #000}
html[data-a11y="1"] .lang-switch a{color:#000 !important}
html[data-a11y="1"] .lang-switch [aria-current="page"]{background:#000 !important;color:#fff !important}

/* --- Fejléc közepes szélességen (2026-11-07): 1100 px alatt hamburger-menü, 1101-1240 px között sűrűbb menü --- */
@media(min-width:901px) and (max-width:1100px){
  header.site .menu-btn{display:inline-flex}
  header.site .nl{display:none;position:absolute;left:0;right:0;top:72px;flex-direction:column;align-items:stretch;gap:0;background:var(--card);border-bottom:1px solid var(--bd);padding:6px 24px 18px;box-shadow:0 24px 40px -24px rgba(34,31,46,.35)}
  header.site .nl.open{display:flex}
  header.site .nl a:not(.btn){padding:.78rem 0;border-bottom:1px solid var(--bd);font-size:1.02rem;white-space:normal}
  header.site .nl .only-m{display:block}
  header.site .nl .btn{margin-top:14px;justify-content:center}
  header.site .nl .a11y-btn{width:100%;height:46px;margin-top:12px}
  header.site .nl .a11y-btn .a11y-txt{position:static;width:auto;height:auto;overflow:visible;clip:auto}
  header.site .nl .lang-switch{width:100%;height:46px;margin-top:12px}
  header.site .nl .lang-switch a,header.site .nl .lang-switch span{flex:1}
}
@media(min-width:1101px) and (max-width:1240px){
  header.site .nl{gap:.95rem}
  header.site .nl a:not(.btn){font-size:.9rem}
  header.site .nl .btn{padding:.7rem 1.05rem;white-space:nowrap}
}

/* --- Böngésző-kompatibilitás (2026-11-07) --- */
/* Az oldal világos dizájnra készült: a böngésző / telefon automatikus „sötétítése” ne rontsa el a színeket. */
:root{color-scheme:only light}
/* Régebbi Safari (iOS 15-17): a fejléc homályosítása csak előtaggal működik. */
header.site{-webkit-backdrop-filter:blur(12px)}

/* --- Böngésző-kompatibilitás, 2. kör (2026-11-07 audit) — az assets/a11y.css VÉGÉRE --- */

/* 1) Ragadós fejléc. A html ÉS a body overflow-x:hidden-je miatt a body görgető-konténer lett, ezért a fejléc
      (position:sticky) a főoldalon és a site.css-es aloldalakon elgördült (a blogon működött).
      A „clip” ugyanúgy levágja a vízszintes kilógást, de nem csinál görgető-konténert.
      Safari 14–15 nem ismeri a clip-et: ott marad a mostani (nem ragadós) viselkedés. */
@supports (overflow-x:clip){
  html:root,html:root body{overflow-x:clip}
  html{scroll-padding-top:84px}   /* horgonyra (#sutik, #kapcsolat…) ugrásnál a cím ne a fejléc alá kerüljön */
  html .feat{scroll-margin-top:0} /* a .feat saját 90px-es eltolása ne adódjon hozzá */
}

/* 2) Mobil menü: ha a fejléc ragad, a lenyíló menü alja (HU|EN, akadálymentes gomb, „Bemutatót kérek”)
      alacsony kijelzőn (iPhone SE, bármely telefon fekvő nézetben) nem volt elérhető. Most a menü magában görgethető. */
@media (max-width:1100px){
  header.site .nl{max-height:calc(100vh - 72px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
}
@supports (height:100svh){
  @media (max-width:1100px){header.site .nl{max-height:calc(100svh - 72px)}}
}

/* 3) iOS Safari fókuszkor ráközelít minden 16px-nél kisebb betűs beviteli mezőre (most 15,7px). */
html .cform input[type=text],html .cform input[type=email],html .cform textarea{font-size:max(16px,1rem)}

/* 4) iOS fekvő nézet: a Safari ne nagyítsa fel magától a szöveget. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* 5) Képnagyító: a görgetés ne „folyjon át” a mögötte lévő oldalra. */
.lb{overscroll-behavior:contain}

/* 6) Akadálymentes nézet: a Safari előtagos homályosítását is kikapcsoljuk. */
html[data-a11y="1"] header.site{-webkit-backdrop-filter:none}

/* 7) Csak Safari 14.0 (iOS 14.0–14.4, macOS Safari 14.0): nincs „inset” és nincs flex-„gap”.
      A @supports not (inset:0) a célböngészők közül csak ezeket találja el. */
@supports not (inset:0){
  .hero-bg,.hero::before,.lb,html[data-a11y="1"] .hero .w::before{top:0;right:0;bottom:0;left:0}
  .brand .lg,.fbrand .lg{margin-right:.55rem}
  .row>*{margin:0 .8rem .8rem 0}
  .consent input{margin-right:.6rem}
  .htrust svg,.trust svg{margin-right:.5rem}
  .why-item .ck,.ri .x{margin-right:.8rem}
  .fbot>*{margin-right:1.5rem}
  .toc a,.rel a{margin:0 .5rem .5rem 0}
  .consent-btns .cb-btn+.cb-btn{margin-left:10px}
  @media (min-width:1101px){header.site .nl>*+*{margin-left:1.4rem}}
}

/* 8) Nyomtatás: a süti-sáv ne kerüljön minden oldal aljára, a sötét/korall dobozok szövege ne tűnjön el
      (a böngésző alapból nem nyomtat háttérszínt → fehér szöveg fehér papíron). */
@media print{
  .consent-bar,.consent-link,.menu-btn,.a11y-btn,.lang-switch,.lb,.cform,.cnote{display:none !important}
  header.site{position:static !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
  .hero{min-height:0 !important}
  .hero,.band,.cta .box,.endcta .box,.cta-box{background:#fff !important;color:#000 !important;border:1px solid #bbb !important}
  .hero .hinner,.hero .hinner *,.band *,.cta .box *,.endcta .box *,.cta-box *{color:#000 !important;opacity:1 !important;text-shadow:none !important}
  .hero-bg,.hero::before,.band::after,.cta .box::after,.endcta .box::after,.cta-box::after{display:none !important}
  .btn-p,.btn-w{background:#fff !important;color:#000 !important;border:1px solid #000 !important;box-shadow:none !important}
}

/* Főoldali bizalmi sor: a „Referencia →” link a mondat végén folyjon, ne külön keskeny oszlopban (2026-11-07). */
.htrust{display:block !important;position:relative;padding-left:26px}
.htrust svg{position:absolute;left:0;top:.2em}
.htrust a{white-space:nowrap}