/*
 * Sírápolás – a bővítmény saját felületei. Csendes, tiszta megjelenés: a téma betűtípusát és színeit örökli
 * (currentColor, halvány keretek), nincs élénk szín, nincs animáció. A téma arculatát nem írja felül.
 */
:root { --sira-keret: rgba(0, 0, 0, .14); --sira-hatter: rgba(0, 0, 0, .03); --sira-halvany: rgba(0, 0, 0, .62); --sira-hiba: #8a1c1c; --sira-siker: #2f5d3a; }

/* Űrlapok */
.sira-urlap { max-width: 640px; }
.sira-csoport { border: 1px solid var(--sira-keret); border-radius: 6px; padding: 1em 1.2em; margin: 0 0 1.5em; }
.sira-csoport legend { font-weight: 600; padding: 0 .4em; }
.sira-mezo { margin: 0 0 1em; }
.sira-mezo label, .sira-cimke { display: block; font-weight: 600; margin-bottom: .3em; }
.sira-mezo input[type=text], .sira-mezo input[type=email], .sira-mezo input[type=tel], .sira-mezo input[type=search],
.sira-mezo select, .sira-mezo textarea { width: 100%; max-width: 100%; box-sizing: border-box; padding: .6em .7em; font: inherit; border: 1px solid var(--sira-keret); border-radius: 4px; background: #fff; color: inherit; min-height: 44px; }
.sira-mezo input[type=file] { font: inherit; min-height: 44px; max-width: 100%; box-sizing: border-box; }
/* 0.7.2 (2.): telefonon (375 px) az űrlap 443 px széles volt. Élesben mérve: a fieldset alapból min-width: min-content,
   ezért nem zsugorodik a tartalma alá (önmagában 421 px), és a fájlmező sem engedi magát szűkíteni; a kettő EGYÜTT
   kell (375 px). Csak a .sira-urlap fieldsetjeire, a téma más űrlapjait nem érinti. */
.sira-urlap fieldset.sira-csoport { min-width: 0; }
.sira-mezo small { display: block; color: var(--sira-halvany); font-weight: 400; margin-top: .3em; }
.sira-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: .35em .8em; max-height: 20em; overflow: auto; padding: .4em .2em; border: 1px solid var(--sira-keret); border-radius: 4px; }
.sira-jelolo, .sira-radio { display: inline-block; font-weight: 400; margin-right: 1em; line-height: 1.5; }
.sira-jelolo input, .sira-radio input { margin-right: .4em; width: 1.15em; height: 1.15em; vertical-align: -.15em; }
.sira-radio--blokk { display: block; margin: .3em 0; }
/* 0.5.1: a temetőszűrő a `hidden` tulajdonsággal rejt; a fenti display-szabály különben felülírná a böngésző
   alapértelmezett [hidden] rejtését (élesben mérve: 147 hidden, 0 láthatatlan). Osztály+attribútum, ezért erősebb. */
.sira-jelolo[hidden], .sira-radio[hidden] { display: none; }
/* 0.8.10 (Ú17): a JS által elrejtett tartalékgomb („Temetők mutatása”) – a lenti .sira-gomb display-szabály különben felülírná
   a [hidden] rejtést, és a gomb telefonon összenyomta a településmezőt (élesben mérve: 320 px → 27 px széles mező). */
.sira-gomb[hidden] { display: none; }
.sira-hiba { display: block; color: var(--sira-hiba); font-size: .95em; margin-top: .25em; }
.sira-mezo--hibas input, .sira-mezo--hibas select, .sira-mezo--hibas textarea { border-color: var(--sira-hiba); }
.sira-mezo--csakolvas input { background: var(--sira-hatter); color: var(--sira-halvany); }
.sira-temeto-szuro { margin-bottom: .5em; }
.sira-temeto-szamlalo { color: var(--sira-halvany); }
.sira-javaslat { margin: .6em 0 1em; }
.sira-javaslat summary, .sira-bejelentes summary { cursor: pointer; color: var(--sira-halvany); }
.sira-nyilatkozat { background: var(--sira-hatter); }
.sira-tajekoztato-link { margin-bottom: 1em; }

/* Üzenetek, gombok */
.sira-uzenet { padding: .8em 1em; border-radius: 4px; margin: 0 0 1.2em; border: 1px solid var(--sira-keret); background: var(--sira-hatter); }
.sira-uzenet--siker { border-color: var(--sira-siker); }
.sira-uzenet--hiba { border-color: var(--sira-hiba); color: var(--sira-hiba); }
.sira-gomb { display: inline-block; box-sizing: border-box; padding: .7em 1.4em; font: inherit; font-weight: 600; cursor: pointer; border: 1px solid currentColor; border-radius: 4px; background: transparent; color: inherit; text-decoration: none; min-height: 44px; }
/* 0.8.13 (92): a box-sizing a LINK-gombnak kell – a <button> a témától border-box, az <a> nem, és telefonon a width: 100% a paddinggal
   kilógott a toborzó sávból (mérve 375 px-en: a gomb jobb széle 375 px, a sáv széle 345 px). Így a gomb a sávon belül teljes szélességű. */
.sira-gomb:hover, .sira-gomb:focus { background: var(--sira-hatter); }
.sira-gomb--kicsi { padding: .45em .9em; font-size: .95em; min-height: 40px; }
.sira-gomb--nagy { display: block; width: 100%; max-width: 420px; padding: 1em 1.4em; font-size: 1.15em; }
.sira-gomb--veszely { border-color: var(--sira-hiba); color: var(--sira-hiba); }
.sira-gomb[disabled] { opacity: .6; cursor: wait; }
.sira-kep-allapot { display: block; color: var(--sira-siker); margin-top: .3em; }
/* csapdamező: látványból és tabsorrendből kivéve */
.sira-weboldal { position: absolute; left: -9999px; top: -9999px; height: 0; overflow: hidden; }

/* Belépés, Adatlapom */
.sira-urlap--belepes, .sira-urlap--email, .sira-urlap--igeny, .sira-urlap--uzenet { max-width: 520px; }
.sira-allapotsor { margin: 0 0 1.2em; padding: .6em .9em; background: var(--sira-hatter); border-radius: 4px; }
.sira-ajanlott { color: var(--sira-siker); font-weight: 600; }
.sira-nem-ajanlott { color: var(--sira-halvany); }
.sira-fotoracs { display: flex; flex-wrap: wrap; gap: .8em; margin: .4em 0 .8em; }
.sira-fotoracs figure { margin: 0; width: 150px; font-weight: 400; }
.sira-fotoracs img { display: block; width: 150px; height: 150px; object-fit: cover; border: 1px solid var(--sira-keret); border-radius: 4px; }
.sira-fotoracs figcaption { font-size: .85em; color: var(--sira-halvany); margin-top: .25em; }
.sira-foto-var { color: var(--sira-hiba); }
.sira-torles, .sira-email-csere { margin-top: 2.5em; padding: 1em 1.2em; border: 1px solid var(--sira-keret); border-radius: 6px; }
.sira-torles { border-color: var(--sira-hiba); }
.sira-belepes-gomb { text-align: center; }

/* Kereső, kártyák */
.sira-kereso { max-width: 640px; margin-bottom: 1.5em; }
.sira-kartyak { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.2em; margin: 1em 0; }
.sira-kartya { border: 1px solid var(--sira-keret); border-radius: 6px; padding: 1em; }
.sira-kartya--ajanlott { border-color: var(--sira-siker); }
.sira-kartya-fej { display: flex; gap: .8em; align-items: flex-start; }
.sira-kartya-kep { width: 84px; height: 84px; object-fit: cover; border-radius: 50%; flex: 0 0 84px; }
.sira-kartya-kep--ures { background: var(--sira-hatter); }
.sira-kartya-nev { margin: 0 0 .2em; font-size: 1.15em; }
.sira-kartya-tipus { color: var(--sira-halvany); font-size: .9em; }
.sira-kartya-adatok { margin: .8em 0; font-size: .95em; }
.sira-kartya-adatok dt { font-weight: 600; margin-top: .4em; }
.sira-kartya-adatok dd { margin: 0; }
.sira-ajanlott-magyarazat { display: none; font-size: .85em; color: var(--sira-siker); }
.sira-ajanlott:hover + .sira-ajanlott-magyarazat, .sira-ajanlott:focus + .sira-ajanlott-magyarazat { display: block; }
.sira-felelosseg { font-size: .9em; color: var(--sira-halvany); border-top: 1px solid var(--sira-keret); padding-top: .8em; margin-top: 1em; }
.sira-lapozo { display: flex; gap: 1em; justify-content: center; margin: 1em 0; }
.sira-nincs-talalat { margin-top: 1em; }
.sira-kozeli { margin: 1.2em 0; }   /* 0.8.24: környékbeli gondozók a gondozó nélküli temetőoldalon */
.sira-kozeli-cim { margin: 0 0 .3em; font-size: 1.15em; }
.sira-kozeli-magyarazat { margin: 0 0 .8em; max-width: 640px; }
.sira-evszak-kep img { height: auto; max-width: 100%; }   /* 0.8.24: évszakos kezdőlapi kép */
.sira-igeny, .sira-muvelet-oldal { margin: 1em 0; padding: 1em 1.2em; border: 1px solid var(--sira-keret); border-radius: 6px; max-width: 560px; }
.sira-igeny h3, .sira-muvelet-oldal h2 { margin-top: 0; }

/* Nyilvános adatlap */
.sira-munkafotok { display: flex; flex-wrap: wrap; gap: .6em; }
.sira-munkafoto img { width: 180px; height: 180px; object-fit: cover; border: 1px solid var(--sira-keret); border-radius: 4px; display: block; }
.sira-uzenet-blokk { margin-top: 2em; padding-top: 1em; border-top: 1px solid var(--sira-keret); }
/* 0.8.27: „Mit írjak a gondozónak?” mintamondat-gombok (JS nélkül a hidden rejti), tördelődnek, érintési cél ≥ 44 px */
.sira-mintak[hidden] { display: none; }
.sira-mintak { margin: 0 0 .6em; }
.sira-mintak-bevezeto { margin: 0 0 .4em; font-size: .95em; }
.sira-mintak-gombok { display: flex; flex-wrap: wrap; gap: .45em; }
.sira-minta { box-sizing: border-box; min-height: 44px; max-width: 100%; padding: .45em .9em; font: inherit; font-size: .95em; line-height: 1.3; text-align: left; white-space: normal; overflow-wrap: anywhere; cursor: pointer; color: inherit; background: var(--sira-hatter); border: 1px solid var(--sira-keret); border-radius: 999px; }
.sira-minta:hover, .sira-minta:focus { background: rgba(0, 0, 0, .08); }
.sira-minta:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.sira-mintak-jelzes { margin: .35em 0 0; min-height: 1.3em; font-size: .9em; color: var(--sira-halvany); }
.sira-mezo .sira-tipp { margin-top: .35em; }
.sira-bejelentes { margin-top: 1.5em; font-size: .95em; }

/* Telefon */
@media (max-width: 600px) {
    .sira-lista { grid-template-columns: 1fr; max-height: 16em; }
    .sira-kartya-fej { flex-direction: row; }
    .sira-munkafoto img { width: 46vw; height: 46vw; }
    .sira-fotoracs figure, .sira-fotoracs img { width: 44vw; }
    .sira-fotoracs img { height: 44vw; }
    .sira-gomb { width: 100%; text-align: center; }
    .sira-gomb--kicsi { width: auto; }
    /* 0.8.15 (8.): érintési célok ≥ 48 px; a kártya „Adatlap és üzenet” gombja teljes szélességű */
    .sira-gomb, .sira-szuro, .sira-kereso input[type=search] { min-height: 48px; }
    .sira-kartya .sira-gomb--kicsi { width: 100%; min-height: 48px; }
    .sira-lapozo a, .sira-jeloltek a { display: inline-block; min-height: 48px; padding: .7em .4em; box-sizing: border-box; }
    .sira-szukites summary { min-height: 48px; }
}
.sira-alapito { font-size: .95em; color: var(--sira-halvany); margin: 0 0 1em; }

/* Kereséses temetőválasztó (0.8.0): címkék, találatok nagy érintési felülettel; JS nélkül jelölőnégyzetek. */
.sira-alapgomb { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }   /* az Enter az űrlapot küldi, nem a listaszűrőt */
.sira-valasztott { list-style: none; margin: 0 0 .5em; padding: 0; display: flex; flex-wrap: wrap; gap: .4em; }
.sira-cimke-temeto { display: inline-flex; align-items: center; gap: .3em; border: 1px solid var(--sira-keret); border-radius: 999px; padding: .35em .5em .35em .7em; background: var(--sira-hatter); font-weight: 400; line-height: 1.4; max-width: 100%; }
.sira-cimke-temeto label { display: inline; font-weight: 400; margin: 0; }
.sira-cimke-temeto small { color: var(--sira-halvany); }
.sira-cimke-x { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; min-width: 2.2em; min-height: 2.2em; border-radius: 999px; }
.sira-cimke-x:hover, .sira-cimke-x:focus { background: rgba(0, 0, 0, .08); }
.sira-cimke-szoveg { display: inline; }   /* JS-módban a címke szövege nem kattintható mező (0.8.1) */
.sira-temeto-tovabb { font-weight: 600; }
.sira-jeloltek { margin: .5em 0 0 1.2em; }
.sira-jeloltek li { margin: .2em 0; }
.sira-temeto-kereso-sor { display: flex; gap: .5em; align-items: stretch; }
.sira-temeto-kereso-sor input[type=search] { flex: 1 1 auto; min-width: 0; }
.sira-gomb--kicsi { padding: .5em .9em; white-space: nowrap; }
.sira-temeto-talalatok { list-style: none; margin: .4em 0 0; padding: 0; max-height: 18em; overflow: auto; }
.sira-temeto-talalatok li { margin: 0; }
.sira-temeto-talalat { display: block; width: 100%; text-align: left; border: 1px solid var(--sira-keret); border-radius: 4px; background: #fff; color: inherit; font: inherit; padding: .6em .8em; margin: 0 0 .3em; min-height: 44px; cursor: pointer; }
label.sira-temeto-talalat { cursor: default; }
button.sira-temeto-talalat:hover, button.sira-temeto-talalat:focus { background: var(--sira-hatter); }
.sira-temeto-nincs { color: var(--sira-halvany); padding: .4em 0; }
.sira-osm { margin: .6em 0 0; color: var(--sira-halvany); }

/* Kétlépcsős kereső és választó (0.8.3): temetőszűrők sima linkként, kerületcsoportok, településjelöltek */
.sira-hely-cim { margin: .6em 0 .3em; }
.sira-szurok-sor { margin: .4em 0 1em; }
.sira-szuro-cim { display: block; font-weight: 600; margin-bottom: .3em; }
.sira-szurok { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4em; }
.sira-szurok li { margin: 0; }
.sira-szuro { display: inline-block; border: 1px solid var(--sira-keret); border-radius: 999px; padding: .4em .9em; text-decoration: none; color: inherit; background: #fff; line-height: 1.4; min-height: 44px; box-sizing: border-box; }
.sira-szuro:hover, .sira-szuro:focus { background: var(--sira-hatter); }
.sira-szuro--aktiv { background: var(--sira-elsodleges, #2a5d3f); color: #fff; border-color: transparent; }
.sira-szuro--aktiv:hover, .sira-szuro--aktiv:focus { background: var(--sira-elsodleges, #2a5d3f); }
.sira-szuro-db { color: inherit; opacity: .8; font-size: .9em; }
.sira-kerulet-csoport { margin: .6em 0 1em; }
.sira-kerulet-csoport h3 { margin: 0 0 .3em; font-size: 1.05em; }
.sira-temeto-megszunt { margin-bottom: .8em; }
.sira-csoport-cim { font-weight: 600; margin: .6em 0 .2em !important; color: var(--sira-halvany); }
.sira-telepules-jeloltek { list-style: none; margin: .4em 0 0; padding: 0; }
.sira-telepules-jeloltek li { margin: 0; }

/* Település- és temetőoldal, „Települések” áttekintő (0.8.13): a kereső elemei (kártyák, szűrőgombok, értesítéskérés) újrahasznosítva. */
.sira-hely-h1 { margin-bottom: .3em; }
.sira-hely-bevezeto { max-width: 640px; }
.sira-hely-vissza, .sira-hely-masik { margin: 1em 0; }
.sira-toborzo { margin: 1.5em 0 1em; padding: 1em 1.2em; border: 1px solid var(--sira-keret); border-radius: 6px; background: var(--sira-hatter); max-width: 640px; }
.sira-toborzo p { margin: 0 0 .8em; }
.sira-toborzo p:last-child { margin-bottom: 0; }
.sira-telepulesek-csoport { margin: 0 0 1.2em; }
.sira-telepulesek-betu { font-size: 1.1em; margin: 1em 0 .3em; }
.sira-telepulesek-csoport ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .3em .9em; }
.sira-telepulesek-csoport li { margin: 0; }

/* 0.8.15: a kereső találata az első, amit a látogató lát (brief 103–112; élesben mérve: a kártyák 1106 px-nél kezdődtek 812 px-es
   képernyőn). Eredménysáv (#talalatok) a hely címe helyett: teljes szélességű, színes, ≥ 20 px betű; a nézet szerint zöld (találat),
   bronz (nincs gondozó), sötét (választás: kerület / több település), halvány figyelmeztető (nincs ilyen település). */
.sira-sav { box-sizing: border-box; width: 100%; margin: 0 0 1em; padding: .9em 1.1em; border-radius: 8px; color: #fff; font-size: max(20px, 1.1em); line-height: 1.35; }
.sira-sav p { margin: 0; color: inherit; font-size: inherit; }
.sira-sav p + p { margin-top: .45em; }
.sira-sav a { color: inherit; }
.sira-sav:focus { outline: none; }   /* a horgony célja (tabindex=-1, nincs a tab-sorrendben): a fókuszkeret a sáv körül csak zavarna – mérve: headless Chrome fekete keretet rajzolt */
.sira-sav--talalat { background: #4F6B3A; }
.sira-sav--nincs { background: #9A6230; }
.sira-sav--valaszt { background: #5B5B57; }
.sira-sav--figyelem { background: #F6E7C8; color: #4a2e0c; border-left: 6px solid #9A6230; }
.sira-sav-link { font-size: .8em; }
.sira-sav-link a { text-decoration: underline; }
/* Az összecsukott temetőszűrő a kártyák után (4.) */
.sira-szukites { margin: 1.2em 0 .6em; border: 1px solid var(--sira-keret); border-radius: 6px; padding: 0 1em; }
.sira-szukites summary { cursor: pointer; font-weight: 600; padding: .8em 0; box-sizing: border-box; }
.sira-szukites .sira-szurok-sor { margin: 0 0 1em; }
.sira-kereso-gomb { margin: 0; }
/* Találati nézetben a teteje összezsugorodik (5.): a 19-es oldal bevezetője (.sira-bevezeto, a webhely tartalma) és a mező súgója rejtve,
   a mező és a gomb egy sorban; az OSM-forrássor kicsi, a lap alján (a sablon teszi oda). Üres oldalon minden marad. */
.sira-kereso-talalat .sira-bevezeto { display: none; }
.sira-kereso-talalat .sira-kereso { display: flex; flex-wrap: nowrap; align-items: flex-end; gap: .5em; }
.sira-kereso-talalat .sira-kereso .sira-mezo { flex: 1 1 0; min-width: 0; margin: 0; }   /* a mező zsugorodik, a gomb nem törik új sorba (375 px-en mérve: 12em alappal a gomb a mező alá került) */
.sira-kereso-talalat .sira-kereso .sira-mezo small { display: none; }
.sira-kereso-talalat .sira-kereso .sira-kereso-gomb { flex: 0 0 auto; margin: 0; }
.sira-kereso-talalat .sira-kereso .sira-gomb { width: auto; min-height: 48px; white-space: nowrap; padding-left: 1em; padding-right: 1em; }
.sira-kereso-talalat .sira-osm { margin-top: 1.5em; font-size: .85em; }

/* 0.8.16 (mobil-02): a jelentkezési űrlap mobil nézete – öt számozott szakasz, kiemelt temetőblokk, hibajelzés a mező mellett,
   érintési célok. Csak a .sira-urlap--jelentkezes űrlapra; az Adatlapom és az asztali nézet szerkezete változatlan. */
.sira-tudnivalok { margin: 0 0 1.2em; }
.sira-tudnivalok > summary { cursor: pointer; font-weight: 600; padding: .8em 0; min-height: 48px; box-sizing: border-box; }
@media (min-width: 768px) { .sira-tudnivalok > summary { display: none; } }   /* asztalon a bevezető úgy látszik, mint eddig */
.sira-szakasz-szam { display: inline-block; background: var(--sira-elsodleges, #2a5d3f); color: #fff; border-radius: 999px; padding: .1em .65em; font-size: .85em; margin-right: .35em; }
.sira-kovetkezik { margin: 1em 0 0; color: var(--sira-halvany); font-size: .9em; border-top: 1px dashed var(--sira-keret); padding-top: .6em; }
.sira-kotelezo { font-weight: 400; color: var(--sira-halvany); font-size: .9em; }
.sira-hibalista-cim { display: block; margin-top: .5em; }
.sira-hibalista { margin: .3em 0 0 1.2em; padding: 0; }
.sira-hibalista li { margin: .15em 0; }
.sira-mezo--hibas .sira-lista, .sira-mezo--hibas .sira-temeto-talalat, .sira-mezo--hibas.sira-temeto-blokk { border-color: var(--sira-hiba); }
.sira-urlap--jelentkezes .sira-temeto-blokk { border: 2px solid var(--sira-elsodleges, #2a5d3f); border-radius: 6px; padding: .9em 1em 1em; background: rgba(42, 93, 63, .05); }
.sira-urlap--jelentkezes .sira-temeto-blokk-cim { font-size: 1.1em; margin-bottom: .4em; }
.sira-temeto-alternativa { margin: 0 0 .8em; }
.sira-segitseg { margin: .6em 0 0; }
.sira-segitseg summary { cursor: pointer; color: var(--sira-halvany); min-height: 44px; display: flex; align-items: center; }
.sira-segitseg p { margin: .3em 0; }
.sira-urlap--jelentkezes .sira-cimke-temeto { font-size: 1.05em; white-space: normal; }
.sira-urlap--jelentkezes .sira-cimke-x { min-width: 44px; min-height: 44px; }
.sira-urlap--jelentkezes .sira-temeto-talalat { min-height: 44px; white-space: normal; }
.sira-urlap--jelentkezes .sira-nyilatkozat .sira-cimke { margin-bottom: .6em; }
.sira-kuldes { margin: 1em 0 0; }
@media (max-width: 767px) {
    .sira-urlap--jelentkezes .sira-csoport { padding: 1em 16px 1.1em; margin: 0 0 1.75em; }
    .sira-urlap--jelentkezes .sira-mezo { margin: 0 0 1.2em; }
    .sira-urlap--jelentkezes .sira-mezo input[type=text], .sira-urlap--jelentkezes .sira-mezo input[type=email], .sira-urlap--jelentkezes .sira-mezo input[type=tel],
    .sira-urlap--jelentkezes .sira-mezo input[type=url], .sira-urlap--jelentkezes .sira-mezo input[type=search], .sira-urlap--jelentkezes .sira-mezo textarea { font-size: max(16px, 1em); min-height: 48px; }
    .sira-urlap--jelentkezes .sira-jelolo, .sira-urlap--jelentkezes .sira-radio { display: flex; align-items: flex-start; gap: .6em; min-height: 44px; padding: .35em 0; margin-right: 0; }
    .sira-urlap--jelentkezes .sira-jelolo[hidden], .sira-urlap--jelentkezes .sira-radio[hidden] { display: none; }
    .sira-urlap--jelentkezes .sira-jelolo input, .sira-urlap--jelentkezes .sira-radio input { width: 1.5em; height: 1.5em; flex: 0 0 auto; margin: .05em 0 0; }
    .sira-urlap--jelentkezes .sira-lista { grid-template-columns: 1fr; max-height: none; overflow: visible; }
    .sira-urlap--jelentkezes .sira-temeto-talalat { padding: .7em .8em; }
    .sira-urlap--jelentkezes .sira-gomb { width: 100%; min-height: 48px; }
    .sira-urlap--jelentkezes .sira-gomb--kicsi { width: auto; }
    .sira-urlap--jelentkezes .sira-kuldes .sira-gomb { font-size: 1.1em; }
}

/* 0.8.19 (koszonetfal-01): a köszönet beküldő űrlapja (a 0.8.16-os mobil minta: ≥ 16 px betű, ≥ 44 px érintési cél, hiba a mező
   mellett) és a nyilvános köszönőfal (idézetkártyák, lapozó JS-sel; automatikus léptetés nincs, reduced-motion mellett átmenet sincs). */
.sira-koszonet-urlap { max-width: 640px; }
.sira-urlap--koszonet .sira-nyilatkozat .sira-jelolo { display: flex; align-items: flex-start; gap: .6em; min-height: 44px; padding: .35em 0; margin-right: 0; }
.sira-urlap--koszonet .sira-nyilatkozat .sira-jelolo input { width: 1.5em; height: 1.5em; flex: 0 0 auto; margin: .05em 0 0; }
@media (max-width: 767px) {
    .sira-urlap--koszonet .sira-csoport { padding: 1em 16px 1.1em; margin: 0 0 1.75em; }
    .sira-urlap--koszonet .sira-mezo { margin: 0 0 1.2em; }
    .sira-urlap--koszonet .sira-mezo input[type=text], .sira-urlap--koszonet .sira-mezo textarea { font-size: max(16px, 1em); min-height: 48px; }
    .sira-urlap--koszonet .sira-gomb { width: 100%; min-height: 48px; font-size: 1.1em; }
}
.sira-koszonetfal { margin: 2em 0; }
.sira-koszonetfal-cim { margin: 0 0 .2em; }
.sira-koszonetfal-kozles { margin: 0 0 1em; font-size: .9em; color: var(--sira-halvany); }
.sira-koszonetfal-lista { list-style: none; margin: 0; padding: 0; }
.sira-koszonet-kartya { border: 1px solid var(--sira-keret); border-radius: 6px; padding: 1em 1.2em; margin: 0 0 1em; background: var(--sira-hatter); max-width: 100%; box-sizing: border-box; overflow-wrap: anywhere; }
.sira-koszonet-kartya[hidden] { display: none; }
.sira-koszonet-idezet { margin: 0 0 .6em; padding: 0; border: 0; font-style: italic; }
.sira-koszonet-idezet p { margin: 0; }
.sira-koszonet-alairas { margin: 0; font-weight: 600; }
.sira-koszonet-datum { margin: .2em 0 0; font-size: .9em; color: var(--sira-halvany); }
.sira-koszonetfal--lapozo .sira-koszonet-kartya { margin-bottom: .6em; }
.sira-koszonetfal-lapozo { display: flex; align-items: center; justify-content: space-between; gap: .6em; flex-wrap: wrap; }
.sira-koszonetfal-lapozo .sira-gomb--kicsi { min-height: 44px; width: auto; }
.sira-koszonetfal-szamlalo { color: var(--sira-halvany); font-size: .95em; }
.sira-koszonetfal-pottyok { display: flex; justify-content: center; gap: .2em; flex-wrap: wrap; margin: .4em 0 0; }
.sira-koszonetfal-potty { width: 44px; height: 44px; border: 0; background: transparent; cursor: pointer; padding: 0; position: relative; }
.sira-koszonetfal-potty::before { content: ""; display: block; width: 12px; height: 12px; border-radius: 999px; border: 1px solid currentColor; margin: 0 auto; background: transparent; }
.sira-koszonetfal-potty[aria-current="true"]::before { background: currentColor; }
.sira-koszonetfal-potty:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }
@media (prefers-reduced-motion: no-preference) {
    .sira-koszonetfal--lapozo .sira-koszonet-kartya { animation: sira-koszonet-be .25s ease-out; }
    @keyframes sira-koszonet-be { from { opacity: 0; } to { opacity: 1; } }
}