/* 2.1 – Online műsorfüzet. A színek a téma változóiból (n-alap.css): sötét mód alapból, világos a data-nautilus-mod alatt. */
.nmf {
	--nmf-szoveg: #ecdcb6;
	--nmf-halvany: rgba(236, 220, 182, .68);
	--nmf-rez: var(--n-rez-vilagos, #d9bd84);
	--nmf-vonal: rgba(217, 189, 132, .28);
	--nmf-hatter: rgba(10, 17, 20, .55);
	--nmf-kiemelt: rgba(176, 141, 87, .14);
	margin: 1.4rem 0 2rem;
	color: var(--nmf-szoveg);
	font-family: var(--n-szoveg-font, Georgia, serif);
}
html[data-nautilus-mod="vilagos"] .nmf {
	--nmf-szoveg: var(--n-tinta, #2b2118);
	--nmf-halvany: var(--n-tinta-2, #5e4c38);
	--nmf-rez: #7a4e2e;
	--nmf-vonal: rgba(111, 84, 48, .35);
	--nmf-hatter: rgba(255, 252, 242, .55);
	--nmf-kiemelt: rgba(176, 141, 87, .16);
}

.nmf-ikon { width: 1.35em; height: 1.35em; flex: 0 0 auto; vertical-align: -.3em; }

/* Fülek */
.nmf-fulek { display: none; }
.nmf--fulek .nmf-fulek {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 6px;
	margin: 0 0 1.2rem;
	padding: 0 0 6px;
	border-bottom: 1.5px solid var(--nmf-vonal);
}
.nmf-ful {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 10px 6px 8px;
	color: var(--nmf-halvany);
	background: transparent !important;
	box-shadow: none !important;
	border: 1.5px solid transparent;
	border-radius: 4px;
	font: inherit;
	line-height: 1.2;
	cursor: pointer;
	transition: color .2s, border-color .2s, background-color .2s;
}
.nmf-ful .nmf-ikon { width: 2.1rem; height: 2.1rem; }
.nmf-ful__nev { font-family: var(--n-cimke-font, Georgia, serif); font-size: .74rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; text-align: center; }
.nmf-ful__db { min-width: 1.7em; padding: 0 .45em; border: 1px solid var(--nmf-vonal); border-radius: 1em; font-size: .78rem; }
.nmf-ful:hover, .nmf-ful:focus-visible { color: var(--nmf-rez); border-color: var(--nmf-vonal); outline: none; }
.nmf-ful[aria-selected="true"] { color: var(--nmf-rez); background: var(--nmf-kiemelt) !important; border-color: var(--nmf-rez); }
.nmf-ful[aria-selected="true"] .nmf-ful__db { border-color: var(--nmf-rez); }

/* Részek */
.nmf-resz { margin: 0 0 1.6rem; }
.nmf--fulek .nmf-resz__cim { display: none; }
.nmf-resz__cim { display: flex; align-items: center; gap: .5rem; margin: 1.6rem 0 .8rem; color: var(--nmf-rez); font-size: 1.35rem; }
.nmf-ures { margin: 1rem 0; padding: 1.4rem 1.2rem; text-align: center; font-style: italic; color: var(--nmf-halvany); border: 1px dashed var(--nmf-vonal); border-radius: 4px; }

.nmf-nap { margin: 0 0 1.1rem; }
.nmf-nap__cim {
	margin: 0 0 .35rem;
	padding: 0 0 .25rem;
	color: var(--nmf-halvany);
	font-family: var(--n-cimke-font, Georgia, serif);
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	border-bottom: 1px solid var(--nmf-vonal);
}
.nmf-nap__cim b { color: var(--nmf-rez); }
.nmf-nap--kiemelt { padding: .6rem .8rem .3rem; background: var(--nmf-kiemelt); border-left: 3px solid var(--nmf-rez); border-radius: 0 4px 4px 0; }
.nmf-nap--kiemelt .nmf-nap__cim { font-size: .88rem; }

.nmf-sorok { list-style: none; margin: 0; padding: 0; }
.nmf-sor {
	display: grid;
	grid-template-columns: 3.4rem minmax(7rem, 14rem) 1fr auto;
	align-items: baseline;
	gap: .2rem .9rem;
	padding: .45rem 0;
	font-size: 1.08rem;
	line-height: 1.35;
	border-bottom: 1px dotted var(--nmf-vonal);
}
.nmf-sor:last-child { border-bottom: 0; }
.nmf-sor__ido { font-variant-numeric: tabular-nums; font-weight: 700; color: var(--nmf-rez); }
.nmf-sor__hol { color: var(--nmf-halvany); }
.nmf-sor__cim { font-weight: 600; }
.nmf-sor__ev { color: var(--nmf-halvany); }
.nmf-sor__alcim { display: block; font-size: .9em; font-style: italic; color: var(--nmf-halvany); }
.nmf-sor__perc { color: var(--nmf-halvany); font-size: .92em; white-space: nowrap; text-align: right; }
.nmf-sor__jel { display: inline-block; margin-left: .3em; padding: 0 .45em; font-size: .72em; letter-spacing: .06em; text-transform: uppercase; color: var(--n-ej, #0b1013); background: var(--nmf-rez); border-radius: 3px; vertical-align: .15em; }
html[data-nautilus-mod="vilagos"] .nmf-sor__jel { color: #fff8e8; }
.nmf-sor--most .nmf-sor__ido { text-decoration: underline; text-underline-offset: .25em; }

.nmf-orszag {
	display: inline-block;
	margin-left: .4em;
	padding: 0 .35em;
	font-size: .66rem;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.5;
	text-decoration: none;
	color: var(--nmf-rez);
	border: 1px solid var(--nmf-vonal);
	border-radius: 3px;
	vertical-align: .2em;
	cursor: help;
}
.nmf a.nmf-tovabb { color: var(--nmf-rez); text-decoration: none; font-weight: 700; padding: 0 .2em; }
.nmf a.nmf-tovabb:hover { text-decoration: underline; }

/* Mozi */
.nmf-filmek { list-style: none; margin: 0; padding: 0; }
.nmf-film { padding: .7rem 0; border-bottom: 1px dotted var(--nmf-vonal); }
.nmf-film:last-child { border-bottom: 0; }
.nmf-film__cim { margin: 0 0 .2rem; font-size: 1.12rem; }
.nmf-film__hol { margin: 0; color: var(--nmf-halvany); line-height: 1.5; }
.nmf-film__varos b { color: var(--nmf-szoveg); font-weight: 600; }

.nmf-megj, .nmf-lab { margin: .6rem 0 0; font-size: .86rem; font-style: italic; color: var(--nmf-halvany); }
.nmf-lab { margin-top: 1.6rem; padding-top: .7rem; border-top: 1px solid var(--nmf-vonal); }

@media (max-width: 640px) {
	.nmf--fulek .nmf-fulek { gap: 3px; }
	.nmf-ful { padding: 8px 2px 6px; }
	.nmf-ful .nmf-ikon { width: 1.75rem; height: 1.75rem; }
	.nmf-ful__nev { font-size: .55rem; letter-spacing: .02em; hyphens: auto; }
	.nmf-sor { grid-template-columns: 3.1rem 1fr; gap: 0 .7rem; font-size: 1.05rem; }
	.nmf-sor__hol { grid-column: 2; grid-row: 1; }
	.nmf-sor__mi { grid-column: 2; }
	.nmf-sor__perc { grid-column: 2; text-align: left; font-size: .86em; }
	.nmf-nap--kiemelt { padding: .5rem .6rem .2rem; }
}

/* Widget: Ma a képernyőn */
.nmf-doboz__lista { list-style: none; margin: 0; padding: 0; }
.nmf-doboz .nmf-doboz__lista > .nmf-doboz__sor { display: flex !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; list-style: none !important; }
.nmf-doboz .nmf-doboz__lista > .nmf-doboz__sor::before, .nmf-doboz .nmf-doboz__lista > .nmf-doboz__sor::marker { content: none !important; display: none !important; }
.nmf-doboz__sor { display: flex; gap: .6rem; align-items: flex-start; padding: .45rem 0; border-bottom: 1px dotted rgba(217, 189, 132, .3); line-height: 1.3; }
.nmf-doboz__sor:last-child { border-bottom: 0; }
.nmf-doboz__sor .nmf-ikon { width: 1.6em; height: 1.6em; margin-top: .15em; flex: 0 0 auto; color: var(--n-rez-vilagos, #d9bd84); }
.nmf-doboz__mikor { display: block; font-size: .82em; opacity: .8; }
.nmf-doboz__cim { display: block; font-weight: 600; }
.nmf-doboz__ures { margin: 0; font-style: italic; opacity: .8; }
.nmf-doboz__tovabb { margin: .5rem 0 0; font-size: .9em; }
.nmf-doboz .nmf-orszag { color: inherit; border-color: currentColor; opacity: .75; }

/* 2.5.2 – Naptárba */
.nmf-naptar { position: relative; display: inline-block; margin-left: .35em; vertical-align: middle; }
.nmf-naptar > summary { display: inline-flex; align-items: center; padding: 2px 3px; color: var(--nmf-rez); cursor: pointer; list-style: none; border-radius: 3px; }
.nmf-naptar > summary::-webkit-details-marker { display: none; }
.nmf-naptar > summary:hover, .nmf-naptar > summary:focus-visible, .nmf-naptar[open] > summary { background: var(--nmf-kiemelt); outline: none; }
.nmf-naptar__menu { position: absolute; right: 0; top: 100%; z-index: 5; display: flex; flex-direction: column; min-width: 13em; margin-top: 4px; padding: 4px 0; text-align: left; background: #13201f; border: 1px solid var(--nmf-vonal); border-radius: 4px; box-shadow: 0 8px 20px rgba(0, 0, 0, .4); }
html[data-nautilus-mod="vilagos"] .nmf-naptar__menu { background: #fffaf0; }
.nmf-naptar__menu a { padding: .4em .9em; font-size: .9rem; color: var(--nmf-szoveg); text-decoration: none; white-space: nowrap; }
.nmf-naptar__menu a:hover, .nmf-naptar__menu a:focus-visible { color: var(--nmf-rez); background: var(--nmf-kiemelt); outline: none; }
@media (max-width: 640px) { .nmf-naptar__menu { right: auto; left: 0; } }