/* =========================================================================
   Rácalmás téma – WordPress- és Elementor-illesztés a design-rendszerhez (design.css).
   Cél: a WP / Elementor burkolói ne változtassanak a statikus web megjelenésén.
   ========================================================================= */

main{display:block}
.screen-reader-text{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{clip:auto;width:auto;height:auto;margin:0;overflow:visible;white-space:normal;z-index:3000;background:#154C95;color:#fff;padding:12px 20px}

/* Admin sáv: a ragadós fejléc alá csússzon */
.admin-bar header.main-nav{top:32px}
@media (max-width:782px){.admin-bar header.main-nav{top:46px}}
@media (max-width:600px){.admin-bar header.main-nav{top:0}}

/* ---- Elementor: a Rácalmás-widgetek burkolói ne adjanak térközt ---- */
.elementor-widget[class*="elementor-widget-racalmas-"]{margin-block:0}
.e-con:not(.racalmas-szekcio):not(.racalmas-blokk):has(> .elementor-widget[class*="elementor-widget-racalmas-"]),
.e-con:not(.racalmas-szekcio):not(.racalmas-blokk):has(> .e-con-inner > .elementor-widget[class*="elementor-widget-racalmas-"]){
  --padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;
  --gap:0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;
  --content-width:100%;--container-max-width:none;
  padding:0;gap:0;max-width:none;
}
.e-con:not(.racalmas-szekcio):not(.racalmas-blokk):has(> .elementor-widget[class*="elementor-widget-racalmas-"]) > .e-con-inner{max-width:none;padding:0;gap:0}

/* ---- „Rácalmás elrendezés” konténerek: a statikus web szekciója / belső dobozai ----
   Felső szint: <section class="e-con racalmas-szekcio section [soft|section-sm]"> + .e-con-inner = .container */
.e-con.racalmas-szekcio,.e-con.racalmas-blokk{--display:block;display:block;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;max-width:none;margin:0}
.e-con.racalmas-szekcio{width:100%;--width:100%}
.e-con.racalmas-szekcio.section{padding:80px 0}
.e-con.racalmas-szekcio.section.section-sm{padding:60px 0}
@media (max-width:900px){.e-con.racalmas-szekcio.section,.e-con.racalmas-szekcio.section.section-sm{padding:40px 0}}
.e-con.racalmas-szekcio > .e-con-inner{display:block;max-width:1240px;margin:0 auto;padding:0 24px;width:100%;gap:0}
.e-con.racalmas-szekcio.keskeny > .e-con-inner{max-width:900px}
@media (max-width:900px){.e-con.racalmas-szekcio > .e-con-inner{padding-left:16px;padding-right:16px}}
.e-con.racalmas-blokk{padding:0;width:auto;--width:auto}
.e-con.racalmas-blokk.tema-racs,.e-con.racalmas-blokk.video-sav{display:grid}
.e-con.racalmas-szekcio .elementor-element,.e-con.racalmas-blokk .elementor-element{--width:auto;max-width:none}
/* „Téma + ügyintézők”: a szöveg alatt névjegykártya-rács – a statikus .tema-ugyintezok térköze és szövegszélessége */
.e-con.racalmas-blokk.tema-racs.tema-ugyintezok{gap:28px}
.e-con.racalmas-blokk.tema-ugyintezok>.e-con.racalmas-blokk.tema-szoveg{max-width:820px}

/* Fejléc: a Theme Builder-burkolók „eltűnnek”, hogy a menüsor a teljes oldalhoz képest legyen ragadós (sticky) */
.elementor-location-header,
.elementor-location-header > .e-con,
.elementor-location-header > .e-con > .e-con-inner,
.elementor-widget-racalmas-fejlec,
.elementor-widget-racalmas-fejlec > .elementor-widget-container{display:contents}
/* Lábléc: a lábléc felső margója a design-rendszeré */
.elementor-location-footer > .e-con,
.elementor-widget-racalmas-lablec,
.elementor-widget-racalmas-lablec > .elementor-widget-container{display:contents}

/* Elementor-szerkesztőben a burkolóknak kattinthatónak kell maradniuk */
.elementor-editor-active .elementor-widget-racalmas-fejlec,
.elementor-editor-active .elementor-location-header > .e-con,
.elementor-editor-active .elementor-widget-racalmas-lablec{display:block}

/* ---- Hír-aloldal ---- */
.hir-cim{font-size:clamp(1.8rem,3.5vw,2.6rem);margin-bottom:24px}
.post-wrap .breadcrumb{color:var(--ink-500);margin-bottom:24px;display:flex;gap:8px;flex-wrap:wrap}
.post-wrap .breadcrumb a{color:var(--blue-700)}

/* ---- Hagyományos (nem Elementor) tartalom ---- */
.post-content .alignleft{float:left;margin:6px 24px 16px 0}
.post-content .alignright{float:right;margin:6px 0 16px 24px}
.post-content .aligncenter{margin-left:auto;margin-right:auto}
.post-content figure.wp-block-image,.post-content figure.wp-caption{margin:20px 0}
.post-content figcaption,.wp-caption-text{font-size:.875rem;color:var(--ink-500);margin-top:6px}
.post-content::after{content:'';display:block;clear:both}

/* ---- Lapozó (archívumok) ---- */
.lapozo{margin-top:40px}
.lapozo .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.lapozo .page-numbers{min-width:44px;height:44px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;font-weight:600;color:var(--blue-900);background:#fff}
.lapozo .page-numbers.current{background:var(--blue-900);border-color:var(--blue-900);color:#fff}
.lapozo .page-numbers:hover{border-color:var(--blue-500)}
html.a11y-kontraszt .lapozo .page-numbers{border:2px solid #ff0 !important;color:#ff0 !important}
html.a11y-kontraszt .lapozo .page-numbers.current{background:#ff0 !important;color:#000 !important}

/* Magas kontraszt: a statikus „main section + section” elválasztó akkor is, ha az egyik szekciót
   egy önálló widget rajzolja (saját Elementor-konténerben, így a két <section> nem testvér). */
html.a11y-kontraszt main .e-con:has(> .elementor-widget:last-child > section:last-child) + section,
html.a11y-kontraszt main :is(section,.e-con:has(> .elementor-widget:last-child > section:last-child)) + .e-con > .elementor-widget:first-child > section:first-child{border-top:1px solid #fff !important}

/* Űrlapok: visszajelzés a beküldés után és mezőnkénti hibaüzenet (a statikus web csak bemutató-űrlapot tartalmazott) */
.urlap-uzenet{margin:0 0 20px;padding:16px 20px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue-700);color:var(--ink-900);font-weight:500}
.urlap-uzenet.hiba{border-left-color:#b42318}
.urlap-uzenet ul{margin:8px 0 0 20px;font-weight:400}
.urlap-uzenet:focus{outline:3px solid var(--blue-500);outline-offset:2px}
.urlap-hiba{margin:4px 0 0;color:#b42318;font-size:.875rem;font-weight:500}
.field [aria-invalid="true"]{border-color:#b42318}
.feltolto-lista{display:block;margin-top:8px;color:var(--ink-700);font-size:.85rem}
html.a11y-kontraszt .urlap-uzenet{background:#000 !important;color:#ff0 !important;border-color:#ff0 !important}
html.a11y-kontraszt .urlap-hiba{color:#ff6 !important}