/* ==========================================================================
   Nautilus 1.24 – Verneárium: katalóguscédulák, fiókok, Arcképcsarnok
   ========================================================================== */

.nsz-lap { max-width: 1160px; margin: 0 auto; padding: 1.2rem 1rem 3rem; }

/* --- Szűrők, keresés, betűk ---------------------------------------------- */

.nsz-kereso { display: flex; gap: .5rem; max-width: 640px; margin: 0 auto 1rem; }
.nsz-kereso input[type="search"] {
	flex: 1; min-width: 0; padding: .55rem .8rem; font: inherit;
	background: rgba(239, 229, 205, .96); color: #2b2118; border: 1px solid var(--n-rez, #b08d57); border-radius: 2px;
}
.nsz-kereso button, .nsz-gomb {
	padding: .5rem 1rem; font-family: var(--n-cimke-font, Georgia, serif); font-size: .82rem; letter-spacing: .12em; text-transform: uppercase;
	background: var(--n-rez, #b08d57); color: #1a140c !important; border: 0; border-radius: 2px; cursor: pointer; text-decoration: none; display: inline-block;
}
.nsz-kereso button:hover, .nsz-gomb:hover { background: var(--n-rez-vilagos, #d9bd84); }

.nsz-kategoriak { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; margin: 0 0 1rem; padding: 0; }
.nsz-kategoriak a {
	display: block; padding: .25rem .8rem; border: 1px solid rgba(217, 189, 132, .45); border-radius: 999px;
	font-size: .88rem; text-decoration: none;
}
.nsz-kategoriak a[aria-current="true"] { background: var(--n-rez, #b08d57); color: #1a140c; border-color: var(--n-rez, #b08d57); }

/* 1.36 – a katalógus fiókos szekrénye: sötét fa fiókok, sárgaréz címketartó, fogantyúgyűrű */
.nsz-betuk {
	margin: 0 auto 1.6rem; padding: 12px; max-width: 640px;
	background: linear-gradient(90deg, rgba(0,0,0,.18), rgba(255,255,255,.03) 18%, rgba(0,0,0,.08) 52%, rgba(255,255,255,.04) 80%, rgba(0,0,0,.2)), #2b1d10;
	border: 1px solid #120c06; border-radius: 4px;
	box-shadow: inset 0 0 0 3px #3b2816, inset 0 0 0 4px rgba(0,0,0,.5), 0 10px 24px rgba(0,0,0,.45);
}
.nsz-betuk ul { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 6px; list-style: none; margin: 0; padding: 0; }
.nsz-betuk li { margin: 0; padding: 0; }
.nsz-betuk a, .nsz-betuk .is-ures {
	position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 4px;
	height: 3.3rem; padding-top: 7px; text-decoration: none !important;
	background:
		repeating-linear-gradient(93deg, rgba(255,255,255,.025) 0 2px, transparent 2px 7px, rgba(0,0,0,.05) 7px 9px, transparent 9px 15px),
		linear-gradient(#5a3d22, #45301a 55%, #3a2814);
	border: 1px solid #1b1108; border-radius: 2px;
	box-shadow: inset 1px 1px 0 rgba(255,236,200,.14), inset -1px -1px 0 rgba(0,0,0,.35), 0 1px 0 rgba(0,0,0,.4);
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
/* a sárgaréz címketartó, benne a papírcímke a betűvel */
.nsz-betuk__cimke {
	display: grid; place-items: center; min-width: 1.7rem; height: 1.3rem; padding: 0 3px;
	font-family: var(--n-cimke-font, Georgia, serif); font-size: .85rem; font-weight: 700; line-height: 1; color: #3b2a14;
	background: #efe4c4; border: 2px solid #b08d57; border-radius: 2px;
	box-shadow: 0 0 0 1px #6d5126, inset 0 1px 2px rgba(0,0,0,.18);
}
/* a fogantyúgyűrű */
.nsz-betuk a::after, .nsz-betuk .is-ures::after {
	content: ""; width: 14px; height: 8px; border: 2px solid #b08d57; border-top: 0; border-radius: 0 0 8px 8px;
	box-shadow: 0 1px 0 rgba(0,0,0,.45);
}
.nsz-betuk__db {
	position: absolute; left: 50%; bottom: calc(100% + 4px); transform: translateX(-50%); z-index: 2;
	padding: 1px 6px; font-size: .7rem; line-height: 1.4; white-space: nowrap; color: #1a140c; background: #d9bd84; border-radius: 2px;
	opacity: 0; pointer-events: none; transition: opacity .15s;
}
.nsz-betuk a:hover, .nsz-betuk a:focus-visible { filter: brightness(1.18); transform: translateY(1px); }
.nsz-betuk a:hover .nsz-betuk__db, .nsz-betuk a:focus-visible .nsz-betuk__db { opacity: 1; }
/* a kiválasztott fiók: kihúzva */
.nsz-betuk a[aria-current="true"] {
	transform: translateY(-3px) scale(1.06); z-index: 1; filter: brightness(1.25);
	box-shadow: inset 1px 1px 0 rgba(255,236,200,.2), 0 6px 0 -1px #1b1108, 0 9px 14px rgba(0,0,0,.6);
}
.nsz-betuk a[aria-current="true"] .nsz-betuk__cimke { background: #fff6dc; border-color: #d9bd84; }
/* az üres fiók: fakó, nincs benne cédula */
.nsz-betuk .is-ures { filter: saturate(.4) brightness(.7); opacity: .55; }
.nsz-betuk .is-ures .nsz-betuk__cimke { background: #a8997a; color: #5d4f37; border-color: #6d5c3e; box-shadow: none; }
.nsz-betuk .is-ures::after { border-color: #6d5c3e; }
@media (max-width: 560px) {
	.nsz-betuk { padding: 8px; }
	.nsz-betuk ul { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
	.nsz-betuk a, .nsz-betuk .is-ures { height: 2.9rem; padding-top: 6px; }
	.nsz-betuk__cimke { min-width: 0; width: calc(100% - 8px); max-width: 1.6rem; height: 1.15rem; font-size: .78rem; border-width: 1px; padding: 0; }
}
@media (prefers-reduced-motion: reduce) { .nsz-betuk a { transition: none; } }

.nsz-bevezeto { margin: 1.6rem 0; font-size: 1.05rem; }

/* --- A fiók ---------------------------------------------------------------- */

.nsz-fiok {
	padding: 1rem 1rem 1.4rem; border: 1px solid #5b4326; border-radius: 4px;
	background: linear-gradient(180deg, #3a2a18, #2a1e11);
	box-shadow: inset 0 6px 14px rgba(0, 0, 0, .55), 0 2px 0 rgba(255, 255, 255, .05);
}
.nsz-fiok__cim { margin: 0 0 1rem; font-size: 1.25rem; color: var(--n-rez-vilagos, #d9bd84); }
.nsz-fiok__cim span { font-size: .85rem; font-weight: 400; opacity: .7; margin-left: .5rem; }
.nsz-racs { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 1rem; }
.nsz-nincs-talalat { opacity: .75; }
.nsz-lapozo { margin-top: 1.2rem; text-align: center; }
.nsz-lapozo .page-numbers { display: inline-block; padding: .2rem .6rem; margin: 0 .1rem; border: 1px solid rgba(217, 189, 132, .4); text-decoration: none; }
.nsz-lapozo .current { background: var(--n-rez, #b08d57); color: #1a140c; }

/* --- A kártya -------------------------------------------------------------- */

.nsz-kartya {
	position: relative; box-sizing: border-box; padding: 1rem 1.1rem 2.4rem 1.3rem; border-radius: 3px;
	background-color: #efe3bf;
	background-image:
		linear-gradient(to right, transparent 0 2.4rem, rgba(176, 60, 50, .35) 2.4rem calc(2.4rem + 1px), transparent calc(2.4rem + 1px)),
		radial-gradient(120% 90% at 50% 0, rgba(255, 255, 255, .35), transparent 60%),
		radial-gradient(90% 70% at 100% 100%, rgba(150, 110, 40, .22), transparent 70%);
	color: #2b2118; border: 1px solid #cdbb88;
	box-shadow: 0 1px 0 #cdbb88, 0 6px 14px rgba(0, 0, 0, .45);
}
.nsz-kartya a { color: #5a2a12; text-decoration-color: rgba(90, 42, 18, .45); }
.nsz-kartya a:hover { color: #8a2b22; }
.nsz-kartya__lyuk {
	position: absolute; left: 50%; bottom: .65rem; width: 15px; height: 15px; margin-left: -7px; border-radius: 50%;
	background: #2a1e11; box-shadow: inset 0 2px 3px rgba(0, 0, 0, .7), 0 1px 0 rgba(255, 255, 255, .5);
}
.nsz-kartya__fej { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem .8rem; margin-bottom: .6rem; }
.nsz-kartya__bely {
	display: inline-block; padding: .05rem .5rem; transform: rotate(-3deg); opacity: .88;
	font: 700 .72rem/1.5 "Courier New", Courier, monospace; letter-spacing: .14em; color: #8a2b22;
	border: 2px solid #8a2b22; border-radius: 2px; mix-blend-mode: multiply;
}
.nsz-kartya__nev { margin: 0; font-family: "Courier New", Courier, monospace; font-size: 1.12rem; font-weight: 700; line-height: 1.3; color: #2b2118; }
.nsz-kartya--teljes .nsz-kartya__nev { font-size: 1.6rem; }
.nsz-kartya__nev a { color: inherit; text-decoration: none; }
.nsz-kartya__nev a:hover { text-decoration: underline; }
.nsz-kartya__torzs::after { content: ""; display: table; clear: both; }
.nsz-kartya__kep { float: right; margin: 0 0 .5rem .9rem; width: 84px; padding: 3px; background: #fbf6e6; border: 1px solid #b9a56c; box-shadow: 0 2px 4px rgba(0, 0, 0, .3); transform: rotate(1.5deg); }
.nsz-kartya--teljes .nsz-kartya__kep { width: 170px; }
.nsz-kartya__kep img { display: block; width: 100%; height: auto; filter: sepia(.35) contrast(1.03); }
.nsz-kartya__meghat { margin: 0 0 .6rem; font-size: 1.02rem; font-style: italic; }
.nsz-kartya__adatok { display: grid; grid-template-columns: max-content 1fr; gap: .1rem .8rem; margin: 0; font-size: .92rem; }
.nsz-kartya__adatok dt { font-family: "Courier New", Courier, monospace; font-size: .76rem; letter-spacing: .06em; text-transform: uppercase; color: #6b5a3c; padding-top: .12rem; }
.nsz-kartya__adatok dd { margin: 0; }
.nsz-nyelv { font-family: "Courier New", Courier, monospace; font-size: .72rem; color: #6b5a3c; }
.nsz-kartya__lasd { clear: both; margin: .7rem 0 0; font-size: .92rem; }
.nsz-kartya__lasd > span { font-family: "Courier New", Courier, monospace; font-size: .76rem; letter-spacing: .06em; text-transform: uppercase; color: #6b5a3c; margin-right: .3rem; }
.nsz-nincs { opacity: .6; border-bottom: 1px dashed currentColor; cursor: help; }

/* --- A szócikk oldala ------------------------------------------------------ */

.nsz-szocikk .nsz-kartya--teljes { max-width: 820px; margin: 0 auto 1.6rem; padding-bottom: 2.6rem; }
.nsz-szoveg { max-width: 760px; margin: 0 auto; font-size: 1.12rem; }
.nsz-szoveg > :first-child { margin-top: 0; }
.nsz-vissza { max-width: 760px; margin: 2rem auto 0; }

/* --- Arcképcsarnok ----------------------------------------------------------- */

.nsz-szarny { margin: 0 0 2.4rem; }
.nsz-szarny__cim {
	margin: 0 0 1.1rem; padding-bottom: .4rem; font-size: 1.35rem; color: var(--n-rez-vilagos, #d9bd84);
	border-bottom: 1px solid rgba(217, 189, 132, .35);
}
.nsz-arckepek { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 1.6rem 1rem; }
.nsz-arckep a { display: block; text-align: center; text-decoration: none; color: inherit; }
.nsz-arckep__keret {
	display: block; width: 130px; height: 168px; margin: 0 auto .6rem; overflow: hidden;
	border-radius: 50% / 52%; border: 6px double var(--n-rez, #b08d57);
	background: radial-gradient(circle at 50% 35%, #d8c89d, #a8946a); box-shadow: 0 5px 14px rgba(0, 0, 0, .55), inset 0 0 12px rgba(0, 0, 0, .35);
}
.nsz-arckep:hover .nsz-arckep__keret { border-color: var(--n-rez-vilagos, #d9bd84); }
.nsz-arckep__keret img { width: 100%; height: 100%; object-fit: cover; filter: sepia(.45) contrast(1.05); display: block; }
.nsz-arckep__keret svg { width: 100%; height: 100%; fill: rgba(60, 44, 24, .55); }
.nsz-arckep__nev { display: block; font-family: var(--n-cim-font, Georgia, serif); font-size: 1.05rem; font-weight: 700; line-height: 1.25; }
.nsz-arckep__al { display: block; margin-top: .15rem; font-size: .82rem; opacity: .72; line-height: 1.3; }

@media (max-width: 560px) {
	.nsz-racs { grid-template-columns: 1fr; }
	.nsz-kartya--teljes .nsz-kartya__kep { width: 120px; }
	.nsz-arckepek { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
	.nsz-arckep__keret { width: 108px; height: 140px; }
}
@media (prefers-reduced-motion: no-preference) {
	.nsz-arckep__keret { transition: border-color .2s, background .2s; }
}

/* 1.27.2 – a cédula mindig papír: a linkjei sötét módban se kapják meg a téma világos aranyszínét */
html body.nautilus .nsz-kartya a { color: #6e2a22; }
html body.nautilus .nsz-kartya a:hover { color: #3d1a12; }
/* 1.27.2 – a Verneárium és az Arcképcsarnok oldalcíme sötét módban (ott nincs papírlap a cím mögött) */
html:not([data-nautilus-mod="vilagos"]) body.nautilus .nsz-szoba .nautilus-kt__focim { color: #ecdcb6; }
html:not([data-nautilus-mod="vilagos"]) body.nautilus .nsz-szoba .nautilus-kt__morzsa a { color: #cdb88c; }

/* 1.29 – „Sodorjon az ár” és a nyomtatható cédula */
.nsz-kereso .nsz-gomb--ar { margin-left: auto; white-space: nowrap; background: transparent; color: var(--n-rez-vilagos, #d9bd84) !important; border: 1px solid var(--n-rez, #b08d57); }
.nsz-kereso .nsz-gomb--ar:hover { background: var(--n-rez, #b08d57); color: #1a140c !important; }
@media (max-width: 560px) { .nsz-kereso { flex-wrap: wrap; } .nsz-kereso input[type="search"] { flex-basis: 60%; } .nsz-kereso .nsz-gomb--ar { margin-left: 0; } }
body.nautilus .nsz-cedula-gomb { padding: 0; background: none; border: 0; box-shadow: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
.nsz-cedula-iv { display: none; }

@media print {
	@page nautilus-cedula { size: A4; margin: 15mm; @bottom-center { content: none; } }
	html.nsz-cedula-nyomtat { page: nautilus-cedula; }
	html.nsz-cedula-nyomtat body > *:not(.nautilus-site), html.nsz-cedula-nyomtat .nautilus-site > *:not(.nautilus-tartalom), html.nsz-cedula-nyomtat .nautilus-tartalom > *:not(main), html.nsz-cedula-nyomtat .nsz-szocikk > *:not(.nsz-cedula-iv) { display: none !important; }
	html.nsz-cedula-nyomtat, html.nsz-cedula-nyomtat body, html.nsz-cedula-nyomtat .nautilus-site, html.nsz-cedula-nyomtat .nautilus-tartalom, html.nsz-cedula-nyomtat main, html.nsz-cedula-nyomtat .nsz-lap { background: #fff !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; border: 0 !important; max-width: none !important; }
	html.nsz-cedula-nyomtat body::before, html.nsz-cedula-nyomtat body::after { display: none !important; }
	html.nsz-cedula-nyomtat .nsz-cedula-iv { display: block !important; padding-top: 10mm; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
	/* a cédula: pontosan 5 × 3 hüvelyk (127 × 76,2 mm) */
	.nsz-cedula-iv__lap { position: relative; width: 127mm; height: 76.2mm; margin: 0 auto; }
	.nsz-cedula-iv__lap .nsz-kartya { box-sizing: border-box; width: 127mm; height: 76.2mm; margin: 0 !important; padding: 5mm 6mm 6mm 12.5mm !important; overflow: hidden; transform: none !important; box-shadow: none !important; border: .3pt solid #bbb !important; font-size: 8.6pt; line-height: 1.3; }
	.nsz-cedula-iv__lap .nsz-kartya__nev { font-size: 11.5pt !important; }
	.nsz-cedula-iv__lap .nsz-kartya__meghat { margin: 0 0 1.5mm; font-size: 8.8pt; }
	.nsz-cedula-iv__lap .nsz-kartya__fej { margin-bottom: 1.5mm; }
	.nsz-cedula-iv__lap .nsz-kartya__bely { font-size: 6.5pt; }
	.nsz-cedula-iv__lap .nsz-kartya__adatok { font-size: 8pt; gap: 0 3mm; }
	.nsz-cedula-iv__lap .nsz-kartya__adatok dt { font-size: 6.4pt; }
	.nsz-cedula-iv__lap .nsz-kartya__kep { width: 20mm !important; margin: 0 0 1mm 2mm; transform: none; box-shadow: none; }
	.nsz-cedula-iv__lap .nsz-kartya__lasd { margin-top: 1.5mm; font-size: 7.6pt; }
	.nsz-cedula-iv__lap .nsz-kartya a { color: #2b2118 !important; text-decoration: none !important; }
	.nsz-cedula-iv__lap .nsz-kartya__lasd > span, .nsz-cedula-iv__lap .nsz-nyelv { font-size: 6.4pt !important; }
	.nsz-cedula-iv__lap .nsz-kartya__lyuk { width: 4mm; height: 4mm; margin-left: -2mm; bottom: 2.5mm; background: none; box-shadow: none; border: .4pt dashed #8a7a5a; }
	/* vágójelek a négy sarokban, a cédulán kívül */
	.nsz-cedula-iv__jel { position: absolute; width: 6mm; height: 6mm; border-color: #000; border-style: solid; border-width: 0; }
	.nsz-cedula-iv__jel.is-bf { left: -8mm; top: -8mm; border-right-width: .3pt; border-bottom-width: .3pt; }
	.nsz-cedula-iv__jel.is-jf { right: -8mm; top: -8mm; border-left-width: .3pt; border-bottom-width: .3pt; }
	.nsz-cedula-iv__jel.is-ba { left: -8mm; bottom: -8mm; border-right-width: .3pt; border-top-width: .3pt; }
	.nsz-cedula-iv__jel.is-ja { right: -8mm; bottom: -8mm; border-left-width: .3pt; border-top-width: .3pt; }
	.nsz-cedula-iv__forras { margin: 12mm auto 0; width: 127mm; font-family: Georgia, serif; font-size: 7pt; color: #666; text-align: center; word-break: break-all; }
}

/* 1.39 – középre a címek alatti vezérlők és bevezetők (a hosszú listák és a kártyák szövege marad balra zárt) */
.nsz-kategoriak { justify-content: center; }
.nsz-bevezeto, .nsz-kozep { text-align: center; }

/* 1.40 – a cédula vonalazás nélkül: csak a piros fejvonal a cím alatt (és a bal oldali margóvonal) */
.nsz-kartya__fej { margin-left: -1.3rem; margin-right: -1.1rem; padding: 0 1.1rem .5rem 1.3rem; border-bottom: 1px solid rgba(176, 60, 50, .55); }

/* 1.42.1 – cikkbe ágyazott cédula: link a teljes oldalra */
.nsz-beagyazott { margin: 1.4em 0; }
.nsz-beagyazott .nsz-kartya { margin-bottom: 0; }
.nsz-beagyazott__tovabb { margin: 8px 0 0; text-align: right; font-family: "Cinzel", Georgia, serif; font-size: .7rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
body.nautilus .nsz-beagyazott__tovabb a { color: #6e2a22; text-decoration: none; border-bottom: 1px solid currentColor; }
body.nautilus .nsz-beagyazott__tovabb a:hover { color: #2b2118; }

/* 1.42.1 – díjak és jelölések a cédulán (film, hangfelvétel, személy) */
.nsz-dij { display: block; }
.nsz-dij.is-dij::before {
	content: ""; display: inline-block; width: .62em; height: .62em; margin: 0 .45em .05em 0; border-radius: 50%;
	background: radial-gradient(circle at 35% 30%, #fbe9a8, #d4a63c 55%, #8a6418); box-shadow: 0 0 0 1px #8a6418;
}
.nsz-dij.is-jeloles { font-style: italic; color: #6b5a3c; }
.nsz-dij.is-jeloles::before { content: "○"; margin-right: .4em; font-style: normal; font-size: .8em; color: #b8913f; }

/* 2.0.1: szűrőgombok (Verneárium, Vetítőterem) karakteresebb körvonallal */
.nsz-kategoriak a { border: 1.5px solid var(--n-rez, #b08d57); }
html[data-nautilus-mod="vilagos"] .nsz-kategoriak a { border-color: #9a6f45; }
.nsz-kategoriak a:hover, .nsz-kategoriak a:focus { border-color: var(--n-rez-vilagos, #d9bd84); }

/* 2.0.1: a Verneárium keresője – erősebb körvonal, kisebb „Keres”, egy magasságban a „Sodorjon az ár” gombbal */
.nsz-kereso { align-items: stretch; }
.nsz-kereso input[type="search"] { border-width: 1.5px; margin: 0 !important; }
html[data-nautilus-mod="vilagos"] .nsz-kereso input[type="search"] { border-color: #9a6f45; }
.nsz-kereso button { padding: 0 .9rem; font-size: .72rem; margin: 0; }
.nsz-kereso .nsz-gomb--ar { display: inline-flex; align-items: center; justify-content: center; border-width: 1.5px; padding: 0 .9rem; font-size: .72rem; }
html[data-nautilus-mod="vilagos"] .nsz-kereso .nsz-gomb--ar { color: #7a4e2e !important; border-color: #9a6f45; }
html[data-nautilus-mod="vilagos"] .nsz-kereso .nsz-gomb--ar:hover { color: #1a140c !important; }