/* riasztojavitas.hu — statikus váz (fejléc, menü, lábléc, hívógombok)
   A tartalmi osztályok stílusa a régi oldal CSS-éből, tisztítva: lásd stil.css vége. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:1.65;color:#334155;background:#fff}
img{max-width:100%;height:auto}
a{color:#00796f}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}

/* ── felső hívósor — visszafogott: fehér alap, sötétzöld szám, keret nélküli ─ */
.top-center-phone{display:flex;justify-content:center;width:100%;position:relative;padding:9px 0;background:#fff;border-bottom:1px solid #eee;z-index:999}
.top-center-phone a{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#4a7a5c!important;
 border:1px solid #e6ece7;border-radius:8px;padding:9px 16px;font-size:16px;font-weight:700;
 text-decoration:none!important;letter-spacing:.2px;transition:background .2s}
.top-center-phone a:hover,.top-center-phone a:focus-visible{background:#f7faf8}
.top-center-phone .cimke{font-weight:600;color:#5a6a5e}
.top-center-phone a:active{background:#f0f5f1}

/* ── fejléc ─────────────────────────────────────────────────── */
.fej{background:#fff;border-bottom:1px solid #d1d5db;position:relative;z-index:50}
.fej .wrap{display:flex;align-items:center;justify-content:space-between;min-height:80px}
.custom-logo-area{line-height:1.1;padding:5px 0;text-decoration:none;display:block}
.main-brand{font-size:20px;font-weight:900;color:#333;letter-spacing:-1px;text-transform:uppercase}
.main-brand .piros{color:#00796f}
.sub-brand{font-size:9px;color:#666;letter-spacing:1px;font-weight:600;text-transform:uppercase}
#fomenu ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}
#fomenu li{position:relative}
#fomenu > ul > li > a{display:block;padding:0 16px;line-height:80px;font-size:16px;color:#334155;text-decoration:none;text-transform:uppercase;white-space:nowrap}
#fomenu a:hover,#fomenu a:focus-visible{color:#00796f}
#fomenu .itt > a{color:#00796f;font-weight:600}
#fomenu .almenu > a::after{content:"▾";margin-left:6px;font-size:12px;color:#00796f}
#fomenu ul ul{display:none;position:absolute;top:80px;left:0;flex-direction:column;align-items:stretch;background:#fff;border:1px solid #d1d5db;border-top:3px solid #00796f;min-width:230px;box-shadow:0 8px 20px rgba(0,0,0,.08);padding:6px 0;z-index:60}
#fomenu li:hover > ul,#fomenu li:focus-within > ul{display:flex}
#fomenu ul ul a{display:block;padding:10px 18px;font-size:14px;color:#334155;text-decoration:none;text-transform:uppercase}
.menugomb{display:none;background:none;border:0;color:#00796f;font-size:24px;line-height:1;padding:12px;cursor:pointer}

/* ── tartalom ───────────────────────────────────────────────── */
main.wrap{display:block;margin-top:60px;margin-bottom:60px}
.morzsa{font-size:13px;color:#64748b;margin:0 0 18px}
.morzsa a{color:#00796f;text-decoration:underline;text-underline-offset:.16em;padding:6px 2px;display:inline-block}
.entry-content{font-family:"Segoe UI",Arial,sans-serif;color:#333}
.entry-content h1.lap-cim{margin:0 0 24px}
.entry-content h1{color:#00796f;font-size:32px;font-weight:800;text-align:center;line-height:1.2;margin:20px 0}
.entry-content h2{font-family:"Segoe UI",Arial,sans-serif;font-size:24px;font-weight:700;color:#222;line-height:1.2;margin:20px 0 10px}
.entry-content p{font-size:16px;line-height:1.6;margin:0 0 26px}
.entry-content ul,.entry-content ol{padding-left:22px}
.entry-content li{margin-bottom:8px}
.entry-content table{border-collapse:collapse;width:100%}
.entry-content img{max-width:100%;height:auto}
.entry-content figure{margin:24px 0}
.entry-content .aligncenter{text-align:center;margin-left:auto;margin-right:auto}
.tabla-gorgo{overflow-x:auto;-webkit-overflow-scrolling:touch}
.wp-block-embed__wrapper{position:relative;padding-top:56.25%}
.wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wp-block-separator{border:0;border-top:1px solid #e5e7eb;margin:32px 0}
.entry-content a{text-decoration:underline;text-underline-offset:.16em}
.entry-content .nincs-alahuzas a,.entry-content a.gomb{text-decoration:none}

/* ── lábléc ─────────────────────────────────────────────────── */
.site-footer{background:#2c3e50}
.light-footer{background:#fff;color:#333;padding:40px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;border-top:4px solid #00796f;box-shadow:0 -5px 15px rgba(0,0,0,.05);max-width:1240px;margin:0 auto}
.footer-column{flex:1;min-width:250px}
.footer-column h2{color:#00796f;font-size:18px;margin:0 0 20px;text-transform:uppercase;font-weight:700}
.footer-column p{line-height:1.6;font-size:14px;color:#555;margin:0}
.footer-column ul{list-style:none;padding:0;margin:0}
.footer-column ul li{margin-bottom:10px;font-size:14px}
.footer-column a{color:#333;text-decoration:none;transition:.3s}
.footer-column a:hover{color:#00796f}
.footer-bottom{background:#f8f9fa;color:#666;text-align:center;padding:15px 10px;font-size:13px;border-top:1px solid #eee}
.footer-bottom p{margin:0}

/* ── lebegő hívógomb (mobil) ────────────────────────────────── */
.lebego-hivo{display:none}

/* ── mobil ──────────────────────────────────────────────────── */
@media (max-width:1100px){
  #fomenu > ul > li > a{padding:0 10px;font-size:15px}
}
@media (max-width:960px){
  .top-center-phone{position:fixed;top:0;left:0;background:rgba(255,255,255,.97);padding:6px 0;border-bottom:1px solid #e6e6e6}
  .top-center-phone a{justify-content:center;font-size:16px;padding:10px 16px;min-height:44px}
  body{padding-top:56px}
  .main-brand{font-size:18px}
  .sub-brand{font-size:8px}
  .menugomb{display:block}
  .fej .wrap{min-height:64px}
  #fomenu{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:3px solid #00796f;box-shadow:0 10px 20px rgba(0,0,0,.1);display:none;max-height:75vh;overflow:auto}
  body.menu-nyit #fomenu{display:block}
  #fomenu ul{display:block}
  #fomenu > ul > li > a{line-height:1.4;padding:16px 20px;border-bottom:1px solid #f1f1f1;border-left:5px solid #00796f;font-size:16px;font-weight:600}
  #fomenu ul ul{display:block;position:static;border:0;box-shadow:none;min-width:0;padding:0}
  #fomenu ul ul a{padding:14px 20px 14px 40px;border-bottom:1px solid #f6f6f6}
  #fomenu .almenu > a::after{content:""}
  main.wrap{margin-top:30px;margin-bottom:40px}
  .light-footer{flex-direction:column;text-align:center}
  .lebego-hivo{display:flex;position:fixed;right:14px;bottom:14px;z-index:900;width:50px;height:50px;
   border-radius:50%;background:#5a8467;color:#fff;align-items:center;justify-content:center;
   text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.16);border:0;font-size:19px;opacity:.9}
  .lebego-hivo:hover,.lebego-hivo:focus-visible{opacity:1}
  body.menu-nyit .lebego-hivo{display:none}
}

/* ── lakásriasztó.hu: saját paletta és blokkok ───────────────── */
.top-center-phone a{color:#1e8449!important;border-color:#e3efe7}
.top-center-phone a:hover,.top-center-phone a:focus-visible{background:#f6fbf8}
.top-center-phone .cimke{color:#4a5a4f}
.lebego-hivo{position:fixed;right:16px;bottom:16px;width:50px;height:50px;border-radius:50%;
 background:#1e8449;color:#fff;display:flex;align-items:center;justify-content:center;
 font-size:22px;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.22);opacity:.94;z-index:900}
.lebego-hivo:hover,.lebego-hivo:focus-visible{opacity:1}
.main-brand .jel{color:#00796f}
.site-footer{background:#2c3e50}

/* szigetek (a portfólió szerkezete) */
.szigetek{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:0 0 34px}
.sziget{background:#fff;border:1px solid #e6ecec;border-top:3px solid #00a99d;border-radius:6px;padding:20px 22px}
.sziget h3{margin:0 0 8px;font-size:17px;color:#1f3a3a;font-weight:700}
.sziget p{margin:0;font-size:15px;line-height:1.55;color:#475467}
.sziget.kiemelt{border-top-color:#1e8449;background:#f8fbf9}

/* hívássáv */
.hivosav{background:#f2f9f8;border:1px solid #d8ebe8;border-left:5px solid #00796f;border-radius:6px;
 padding:20px 22px;margin:34px 0;text-align:center}
.hivosav .felirat{display:block;font-size:15px;color:#3d5350;margin-bottom:10px}
.hivosav a.szam{display:inline-block;background:#1e8449;color:#fff;font-size:20px;font-weight:800;
 padding:13px 26px;border-radius:8px;text-decoration:none;letter-spacing:.3px}
.hivosav a.szam:hover,.hivosav a.szam:focus-visible{background:#19703d}
.hivosav .alsor{display:block;margin-top:9px;font-size:13px;color:#3d5350}

/* bevezető sáv */
.bevezeto{background:#f7fafa;border-left:5px solid #00a99d;padding:18px 22px;border-radius:0 6px 6px 0;margin:0 0 30px}
.bevezeto p{margin:0;font-size:16.5px;line-height:1.6;color:#374b4b}

/* lépéssor */
.lepesek{counter-reset:l;list-style:none;padding:0;margin:0 0 32px}
.lepesek li{counter-increment:l;position:relative;padding:0 0 0 46px;margin:0 0 18px;min-height:34px}
.lepesek li::before{content:counter(l);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;
 background:#00796f;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px}
.lepesek li strong{display:block;color:#1f3a3a}

/* keresztlink-csempék */
.csempek{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:30px 0}
.csempek a{display:block;padding:15px 17px;border:1px solid #e6ecec;border-radius:6px;background:#fff;
 text-decoration:none;color:#1f3a3a;font-weight:700;font-size:15px;border-top:3px solid #00a99d}
.csempek a:hover,.csempek a:focus-visible{background:#f7fafa;border-color:#00796f}
.csempek a span{display:block;font-weight:400;font-size:13.5px;color:#5a6a6a;margin-top:5px}

/* GYIK */
.gyik details{border:1px solid #e6ecec;border-radius:6px;margin:0 0 12px;background:#fff}
.gyik summary{padding:15px 18px;font-weight:700;color:#1f3a3a;cursor:pointer;font-size:16px;list-style:none}
.gyik summary::-webkit-details-marker{display:none}
.gyik summary::after{content:"+";float:right;color:#00796f;font-weight:800}
.gyik details[open] summary::after{content:"–"}
.gyik .valasz{padding:0 18px 16px;font-size:15.5px;line-height:1.6;color:#475467}

/* koppintható méret: lábléc- és listalinkek (WCAG 2.5.8) */
.footer-column li a{display:inline-block;padding:6px 0;min-height:24px}
.footer-column li{margin-bottom:4px}
.custom-logo-area{padding:9px 0}
.entry-content p a{padding:2px 0}


/* ── új blokkok (Budapest-lista, 404) ─────────────────────────── */
.bp-listak{max-width:1000px;margin:40px auto 0;font-family:"Segoe UI",Arial,sans-serif}
.bp-listak h2{color:#00796f;font-size:24px;font-weight:800;margin:36px 0 12px;padding:0}
.kerulet-tabla{width:100%;border-collapse:collapse;font-size:15px;background:#fff}
.kerulet-tabla caption{caption-side:top;text-align:left;font-size:14px;color:#666;padding-bottom:8px}
.kerulet-tabla th,.kerulet-tabla td{border:1px solid #eee;padding:9px 12px;text-align:left;vertical-align:top}
.kerulet-tabla thead th{background:#f2f9f8;color:#00796f;font-weight:700}
.kerulet-tabla tbody th{width:80px;font-weight:700;color:#333;background:#fcfcfc}
.telepules-lista{font-size:15px;line-height:1.9;color:#444;background:#fafafa;border-left:4px solid #00796f;padding:18px 20px;border-radius:4px}
.hiba404{max-width:800px;margin:0 auto;text-align:center;font-family:"Segoe UI",Arial,sans-serif}
.hiba404 h1{color:#00796f;font-size:28px;font-weight:800}
.hiba404 ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.hiba404 li a{display:block;padding:14px 18px;border:1px solid #eee;border-left:5px solid #00796f;border-radius:4px;font-weight:700;text-decoration:none;color:#333;background:#fff}

/* ── WordPress-blokkok maradék alapjai ────────────────────────── */
.wp-block-image{margin:24px 0}
.wp-block-image img{max-width:100%;height:auto}
.wp-block-image.aligncenter{text-align:center}
.wp-block-image figcaption{font-size:14px;color:#666;text-align:center;margin-top:8px}
.wp-block-table td,.wp-block-table th{border:1px solid #e5e7eb;padding:8px 10px}

/* ── akadálymentesítés a régi stílusokon ──────────────────────── */
/* a nyitható blokk tartalma eddig 150 px-es belső görgetőbe került (axe: scrollable-region-focusable) */
.details-content{max-height:none;overflow:visible}

/* ── videó: koppintásra induló beágyazás ──────────────────────── */
.video-hely{position:relative;width:100%;aspect-ratio:16/9;background:#1c1f23;border-radius:8px;overflow:hidden;margin:20px 0}
.video-hely iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-inditas{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;
 align-items:center;justify-content:center;gap:10px;background:linear-gradient(160deg,#2b3036,#14171a);
 border:0;color:#fff;cursor:pointer;padding:20px;text-align:center;font-family:inherit}
.video-inditas .jatszas{width:64px;height:64px;border-radius:50%;background:#00796f;display:flex;
 align-items:center;justify-content:center;font-size:26px;line-height:1;padding-left:5px}
.video-inditas .video-cim{font-size:16px;font-weight:700;max-width:90%}
.video-inditas .video-alcim{font-size:13px;color:#d7dade}
.video-inditas:hover .jatszas,.video-inditas:focus-visible .jatszas{background:#c21e37}