/* Kiegészítő stílusok (a php verzióhoz) */
.skip{position:absolute;left:-9999px;top:0;background:#fff;color:#0A2353;padding:10px 16px;z-index:1000;border-radius:0 0 8px 0}
.skip:focus{left:0}
a.br,a.nk,a.dgc,a.gcard,a.back,a.plain{text-decoration:none}
a.br{color:#e6ceff;margin-right:auto}
a.nk{display:inline-block}
a.dgc{color:inherit}
a.plain{color:inherit}
a.plain:hover{color:var(--cy)}
.gcard{padding:3rem 2rem;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:inherit}
.gsym{font-size:4rem;margin-bottom:1.2rem;color:var(--acc);filter:drop-shadow(0 0 15px rgba(187,99,255,.5))}
.ll img{max-width:100%;height:auto}
.ni-img{height:auto}
.rita{height:auto}
.dgc img{height:auto}
h1.st,h2.st{margin:0}
.ph h1.st{margin:0}
.linkbtn{background:none;border:0;padding:0;font:inherit;text-align:left;margin-top:12px}
.ft2 .linkbtn{color:#dbdbdb}
.ft2 .fl.linkbtn:hover{color:#56E1E9}

/* ragadós fejléc (a fejléc a tartalom fölött marad görgetéskor) */
.cnt>header{position:sticky;top:0;z-index:100}
.cnt>header nav.nv{position:relative}

/* nyelvválasztó */
.lsw{position:relative;flex:none}
.lsw summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;color:#fff;border:1px solid rgba(255,255,255,.34);border-radius:50px;padding:7px 12px;font:700 .78rem var(--font-body);letter-spacing:.06em;line-height:1;user-select:none}
.lsw summary::-webkit-details-marker{display:none}
.lsw summary:hover,.lsw[open] summary{background:rgba(255,255,255,.16)}
.lsw summary i{font-size:.75rem;line-height:1;transition:transform .2s}
.lsw[open] summary i{transform:rotate(180deg)}
.lsw .flag{display:block;width:22px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.35);flex:none}
.lsw ul{position:absolute;right:0;top:calc(100% + 8px);min-width:150px;margin:0;padding:6px;list-style:none;background:#0A2353;border:1px solid rgba(255,255,255,.28);border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.45);z-index:120}
.lsw li{margin:0}
.lsw ul a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:#fff;text-decoration:none;font:600 .86rem var(--font-body)}
.lsw ul a:hover,.lsw ul a:focus-visible{background:rgba(255,255,255,.16);color:#7DF0F7}
.lsw ul a.on{background:rgba(255,255,255,.1)}
@media(max-width:820px){
  .lsw{margin-left:auto}
  .lsw summary{padding:9px 12px}
  a.br{margin-right:0}
  .nk{display:block}
}

/* címkék, szűrő */
.tagfilter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--gap)}
a.tg{text-decoration:none}
a.tg:hover,a.tg.on{background:rgba(255,255,255,.28);color:#fff}
.newscard h3 a{display:block}

/* felső sáv (vissza + megosztás) */
.topbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:calc(var(--gap) + 8px)}
.topbar .back{margin-bottom:0}
.sharebar{display:flex;justify-content:flex-start;margin-top:calc(var(--gap) * 1.5)}
.fbshare{display:inline-flex;align-items:center;gap:7px;background:#1877f2;color:#fff;border:1px solid #1877f2;border-radius:50px;padding:6px 14px;font:700 .76rem var(--font-body);letter-spacing:.03em;text-decoration:none;line-height:1.2;transition:transform .2s,box-shadow .2s}
.fbshare i{font-size:.95rem;line-height:1}
.fbshare:hover,.fbshare:focus-visible{color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(24,119,242,.45)}

/* kutya galéria */
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--gap)}
.gal .dgi{max-width:none}
.ll .dgi img{width:100%;height:100%;object-fit:cover}
.gal img,.js-gallery img{cursor:zoom-in}
.dgi img{transition:transform .35s}
.dgi:hover img{transform:scale(1.05)}
.dgi{overflow:hidden}

/* hír tartalom */
.news-cover{width:100%;border-radius:14px;margin-bottom:1.5rem;display:block;aspect-ratio:auto;max-height:560px;object-fit:cover}
.lead{font-size:1.1rem;opacity:.95;margin-bottom:1.25rem}
.news-content{line-height:1.85}
.news-content h2,.news-content h3,.news-content h4{font-family:var(--font-display);color:var(--acc);margin:1.5rem 0 .6rem}
.news-content p{margin:0 0 1rem}
.news-content img{border-radius:12px;margin:.5rem 0;max-height:520px;width:auto;max-width:100%}
.news-content blockquote{border-left:4px solid var(--acc);margin:1rem 0;padding:.25rem 1rem;opacity:.9;font-style:italic}
.news-content ul,.news-content ol{padding-left:1.4rem;margin:0 0 1rem}
.news-content a{text-decoration:underline}

/* űrlap */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.err{display:block;color:#ff9aa8;font-size:.85rem;margin:-10px 0 14px}
.alert{background:rgba(255,80,100,.15);border:1px solid rgba(255,120,140,.5);color:#ffd2d9;border-radius:12px;padding:12px 16px;margin-bottom:16px}
.in[aria-invalid="true"]{border-color:#ff9aa8}

/* lightbox */
.lb-ov{position:fixed;inset:0;z-index:2000;background:rgba(5,10,30,.94);display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.lb-ov[hidden]{display:none}
.lb-img{max-width:92vw;max-height:84vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 50px rgba(0,0,0,.6);user-select:none}
.lb-btn{position:absolute;background:rgba(255,255,255,.14);border:0;color:#fff;width:48px;height:48px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lb-btn:hover,.lb-btn:focus-visible{background:rgba(255,255,255,.3)}
.lb-close{top:16px;right:16px}
.lb-prev{left:16px;top:50%;transform:translateY(-50%)}
.lb-next{right:16px;top:50%;transform:translateY(-50%)}
.lb-count{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#ddd;font-size:.9rem}
@media(max-width:600px){.lb-prev{left:6px}.lb-next{right:6px}.lb-btn{width:42px;height:42px}}

/* süti panel */
body:has(#cc:not([hidden]))::before {content: "";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(10px);z-index:2;}
.cc{position:fixed;left:16px;right:16px;bottom:16px;z-index:1500;max-width:760px;margin:0 auto;background:#0A2353;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.55);padding:22px 24px}
.cc[hidden]{display:none}
.cc h2{margin:0 0 8px;font:700 1.05rem var(--font-display);color:#e6ceff}
.cc p{margin:0 0 10px;line-height:1.6;font-size:.9rem}
.cc-list{margin:0 0 14px;padding-left:1.1rem;font-size:.84rem;line-height:1.6;opacity:.9}
.cc-btns{display:flex;flex-wrap:wrap;gap:10px}
.cc-btns .btn{padding:10px 20px;font-size:.82rem}
.cc-btns .btn.ol{color:#fff;border-color:rgba(255,255,255,.6)}
@media(max-width:600px){.cc-btns .btn{flex:1 1 100%;justify-content:center}}

/* védett e-mail */
a.em{cursor:pointer}
.rc-note{font-size:.72rem;opacity:.65;margin:0 0 14px;line-height:1.5}
.grecaptcha-badge{visibility:hidden} /* v3: a jelvény elrejtve – a rc-note szöveg a Google előírása szerint kötelező */

/* hírek lapozó */
.pgn{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:calc(var(--gap) * 2.5)}
.pgn a,.pgn span{min-width:42px;height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;font:700 .9rem var(--font-body);text-decoration:none;border:1px solid var(--bd);background:var(--card);color:#fff;backdrop-filter:blur(10px)}
.pgn a:hover,.pgn a:focus-visible{background:rgba(255,255,255,.26);color:#fff}
.pgn .cur{background:var(--btnbg);border-color:var(--btnbd);color:#fff;box-shadow:0 6px 16px rgba(91,88,235,.4)}
.pgn .dis{opacity:.4}
.pgn .gap{border:0;background:none;min-width:24px;padding:0;backdrop-filter:none}

/* sütihozzájárulás figyelmeztető ablak (üzenetküldés) */
.cmodal{position:fixed;inset:0;z-index:1700;background:rgba(5,10,30,.75);display:flex;align-items:center;justify-content:center;padding:16px}
.cmodal[hidden]{display:none}
.cmodal-box{background:#0A2353;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.6);padding:26px 26px 22px;max-width:520px;width:100%}
.cmodal-box h2{margin:0 0 10px;font:700 1.15rem var(--font-display);color:#e6ceff}
.cmodal-box p{margin:0 0 18px;line-height:1.65;font-size:.94rem}
.cmodal-btns{display:flex;flex-wrap:wrap;gap:10px}
.cmodal-btns .btn{padding:11px 22px;font-size:.84rem}
.cmodal-btns .btn.ol{color:#fff;border-color:rgba(255,255,255,.6)}
@media(max-width:520px){.cmodal-btns .btn{flex:1 1 100%;justify-content:center}}



/* Nyitólap logó: görgetésre elhalványul; a rögzített (sticky) hero ne takarja/akadályozza a további tartalmat */
.hero {
	position: sticky;
	top: 67px;
	z-index: 0;
	pointer-events: none; /* a felette lévő, görgetéssel előtűnő tartalom kattintható marad */
}
.hero ~ * {
	position: relative;
	z-index: 1; /* a tartalom a (már elhalványuló) logó fölött jelenik meg */
}

/* Csak a scroll-timeline-t támogató böngészőkben; máshol a logó marad látható */
@supports (animation-timeline: scroll()) {
	.hero img {
		animation: heroScrollFade linear both;
		animation-timeline: scroll(y root);
		animation-range: 0 300px; /* ennyi pixel görgetés alatt tűnik el */
	}
}

@keyframes heroScrollFade {
	0% { opacity: 1; transform: scale(1); }
	100% { opacity: 0; transform: scale(0); }
}

/* Facebook-vélemények carousel: mindig 2 szomszédos vélemény, léptetéskor eggyel arrébb csúszik */
.rv-list{background:none;border:0;box-shadow:none;padding:0;margin:0;--rv-lines:6}
/* egységes magasság: a vélemény szövege fix számú sorban jelenik meg (egész sorok, a végén „…”), így léptetéskor nem ugrál az oldal */
.rv-list blockquote.p{line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--rv-lines);line-clamp:var(--rv-lines);overflow:hidden;height:calc(var(--rv-lines) * 1.7em)}
.rv-cap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rv-nav[hidden]{display:none}
@media(max-width:820px){.rv-list{--rv-lines:8}}
.rv-list [data-rv-item][hidden]{display:none}
.rv-list.sl-next [data-rv-item]:not([hidden]){animation:rvnext .4s ease}
.rv-list.sl-prev [data-rv-item]:not([hidden]){animation:rvprev .4s ease}
@keyframes rvnext{from{opacity:0;transform:translateX(48px)}to{opacity:1;transform:none}}
@keyframes rvprev{from{opacity:0;transform:translateX(-48px)}to{opacity:1;transform:none}}
.rv-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}
.rv-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--bd);background:var(--card);color:var(--txt);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}
.rv-btn:hover,.rv-btn:focus-visible{background:var(--cardd)}
.rv-dots{display:inline-flex;gap:10px}
.rv-dot{width:11px;height:11px;border-radius:50%;border:1px solid var(--acc);background:transparent;padding:0;cursor:pointer}
.rv-dot.on{background:var(--acc)}
@media(prefers-reduced-motion:reduce){.rv-list [data-rv-item]{animation:none!important}}