/* Eseménynaptár – „modern” nézet (Lanmen iskola admin 3.1.0)
   Lapos, letisztult lista dátumdobozokkal; a teljes naptárban hónapváltó, hónapchipek és – széles helyen – havi rács.
   Konténer-alapú (container query): ugyanaz a markup 1200 px-es oldalon és 300 px-es oldalsávban.
   Színek: a blokksablon CSS-változói (theme.json), a SZÁMALK színeivel tartalékként – más iskola a profil 'css.modern'
   értékével írja felül a --ma-m-* változókat. Betű: az oldalé. Minden osztály ma-m-… névterű. */

/* 1. Változók, keret */
.ma-m{
	--ma-m-fo:var(--wp--preset--color--turkiz,#00838A);
	--ma-m-fo-sotet:var(--wp--preset--color--turkiz-sotet,#006B71);
	--ma-m-fo-vilagos:var(--wp--preset--color--turkiz-vilagos,#3AC1BD);
	--ma-m-fo-halvany:var(--wp--preset--color--turkiz-kod,#EAF5F5);
	--ma-m-piros:var(--wp--preset--color--piros,#E30613);
	--ma-m-cim:var(--wp--preset--color--cim,#2E3133);
	--ma-m-szoveg:var(--wp--preset--color--szoveg,#4A4D50);
	--ma-m-halk:var(--wp--preset--color--halk,#6B6F73);
	--ma-m-vonal:var(--wp--preset--color--vonal,#E2E8E8);
	--ma-m-hatter:var(--wp--preset--color--hatter,#F5F8F8);
	--ma-m-feher:var(--wp--preset--color--feher,#FFFFFF);
	--ma-m-sugar:var(--wp--custom--sugar,4px);
	--ma-m-ido:var(--wp--custom--ido,.22s);
	--ma-m-gorbe:var(--wp--custom--gorbe,ease);
	container:ma-m / inline-size;
	color:var(--ma-m-szoveg);
	font:inherit;
	margin:0 0 1.5em;
}
.ma-m *{box-sizing:border-box}
.ma-m p{margin:0}
.ma-m a{color:var(--ma-m-fo-sotet)}
.ma-m a:focus-visible,.ma-m button:focus-visible,.ma-m summary:focus-visible{outline:2px solid var(--ma-m-fo);outline-offset:2px;border-radius:var(--ma-m-sugar)}

/* 2. Eseménylista és -sor */
.ma-m-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--ma-m-vonal)}
.ma-m-sor{display:flex;gap:12px;align-items:flex-start;margin:0;padding:10px 8px;border-bottom:1px solid var(--ma-m-vonal);border-radius:var(--ma-m-sugar);transition:background-color var(--ma-m-ido) var(--ma-m-gorbe)}
.ma-m-sor:hover,.ma-m-sor:focus-within{background:var(--ma-m-fo-halvany)}
.ma-m-datum{flex:none;width:52px;display:flex;flex-direction:column;align-items:center;padding:5px 0 6px;line-height:1.1;text-align:center;background:var(--ma-m-feher);border:1px solid var(--ma-m-vonal);border-radius:var(--ma-m-sugar);transition:border-color var(--ma-m-ido) var(--ma-m-gorbe),background-color var(--ma-m-ido) var(--ma-m-gorbe),color var(--ma-m-ido) var(--ma-m-gorbe)}
.ma-m-sor:hover .ma-m-datum,.ma-m-sor:focus-within .ma-m-datum{border-color:var(--ma-m-fo)}
.ma-m-ho{font-size:.7em;font-weight:700;letter-spacing:.06em;color:var(--ma-m-fo)}
.ma-m-nap{font-size:1.45em;font-weight:700;color:var(--ma-m-cim)}
.ma-m-ig{font-size:.72em;color:var(--ma-m-halk);margin-top:1px}
.ma-m-torzs{flex:1;min-width:0}
.ma-m-cim{font-weight:600;color:var(--ma-m-cim);line-height:1.35;overflow-wrap:anywhere}
.ma-m-cim a{color:inherit;text-decoration:none}
.ma-m-cim a:hover{color:var(--ma-m-fo-sotet);text-decoration:underline;text-underline-offset:2px}
.ma-m-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:3px;font-size:.85em;color:var(--ma-m-halk)}
.ma-m-fajta{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.ma-m-fajta i{width:8px;height:8px;border-radius:50%;background:var(--ma-m-c,var(--ma-m-fo))}
.ma-m-leiras{margin-top:6px;font-size:.9em}
.ma-m-leiras summary{cursor:pointer;color:var(--ma-m-fo-sotet);width:max-content}
.ma-m-leiras p{margin-top:4px;line-height:1.5}

/* 3. Állapotok: ma, lezajlott, kiemelés, betűformázás */
.ma-m-ma .ma-m-datum{background:var(--ma-m-fo);border-color:var(--ma-m-fo)}
.ma-m-ma .ma-m-ho,.ma-m-ma .ma-m-nap,.ma-m-ma .ma-m-ig{color:var(--ma-m-feher)}
.ma-m-kiem .ma-m-datum{border-color:var(--ma-m-fo);box-shadow:inset 0 3px 0 var(--ma-m-fo)}
.ma-m-kiem-piros .ma-m-datum{border-color:var(--ma-m-piros);box-shadow:inset 0 3px 0 var(--ma-m-piros)}
.ma-m-kiem-piros .ma-m-ho{color:var(--ma-m-piros)}
.ma-m-mult .ma-m-cim,.ma-m-mult .ma-m-nap{color:var(--ma-m-halk)}
.ma-m-mult .ma-m-ho{color:var(--ma-m-halk)}
.ma-m-f-felkover .ma-m-cim{font-weight:800}
.ma-m-f-dolt .ma-m-cim{font-style:italic}
.ma-m-f-alahuzott .ma-m-cim{text-decoration:underline;text-underline-offset:2px}
.ma-m-f-athuzott .ma-m-cim{text-decoration:line-through}
.ma-m-f-alahuzott.ma-m-f-athuzott .ma-m-cim{text-decoration:underline line-through}
.ma-m-f-kisebb .ma-m-cim{font-size:.88em}
.ma-m-f-nagyobb .ma-m-cim{font-size:1.15em}
.ma-m-f-halvany .ma-m-cim{color:var(--ma-m-halk)}

/* 4. Teljes naptár: hónapváltó és hónapchipek */
.ma-m-fej{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.ma-m-akt{flex:1;text-align:center;font-weight:700;color:var(--ma-m-cim);text-transform:capitalize}
.ma-m-gomb{flex:none;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;font:inherit;font-size:1.3em;line-height:1;color:var(--ma-m-fo-sotet);background:var(--ma-m-feher);border:1px solid var(--ma-m-vonal);border-radius:var(--ma-m-sugar);cursor:pointer;transition:background-color var(--ma-m-ido) var(--ma-m-gorbe),border-color var(--ma-m-ido) var(--ma-m-gorbe)}
.ma-m-gomb:hover{background:var(--ma-m-fo-halvany);border-color:var(--ma-m-fo)}
.ma-m-gomb:disabled{opacity:.4;cursor:default;background:var(--ma-m-feher);border-color:var(--ma-m-vonal)}
.ma-m-chipek{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;margin-bottom:10px;scrollbar-width:thin;scroll-snap-type:x proximity}
.ma-m-chip{flex:none;scroll-snap-align:start;position:relative;padding:4px 12px;font-size:.85em;text-decoration:none;text-transform:capitalize;color:var(--ma-m-szoveg);background:var(--ma-m-hatter);border:1px solid var(--ma-m-vonal);border-radius:var(--ma-m-sugar);transition:background-color var(--ma-m-ido) var(--ma-m-gorbe),border-color var(--ma-m-ido) var(--ma-m-gorbe),color var(--ma-m-ido) var(--ma-m-gorbe)}
.ma-m a.ma-m-chip{color:var(--ma-m-szoveg)}
.ma-m-chip:hover{border-color:var(--ma-m-fo)}
.ma-m-van::after{content:"";position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:var(--ma-m-fo-vilagos)}
.ma-m a.ma-m-chip[aria-current="true"]{color:var(--ma-m-feher);background:var(--ma-m-fo);border-color:var(--ma-m-fo)}
.ma-m-chip[aria-current="true"]::after{background:var(--ma-m-feher)}
.ma-m-honapcim{margin:16px 0 8px;font-size:1em;font-weight:700;color:var(--ma-m-cim);text-transform:capitalize}
.ma-m-ures{padding:12px 8px;color:var(--ma-m-halk);border-top:1px solid var(--ma-m-vonal)}
.ma-m-ics{margin-top:12px;font-size:.85em;color:var(--ma-m-halk)}
.ma-m-tovabb{margin-top:10px;font-size:.9em}
.ma-m-tovabb a{font-weight:600;text-decoration:none}
.ma-m-tovabb a:hover{text-decoration:underline;text-underline-offset:2px}
.ma-m-fejcim{margin:0 0 8px;font-size:1.1em;color:var(--ma-m-cim)}

/* Lapozás a szkripttel (modern.js teszi a ma-m-js osztályt): egyszerre egy hónap; szkript nélkül minden hónap egymás alatt, a gombok nélkül. */
.ma-m-teljes:not(.ma-m-js) .ma-m-fej{display:none}
.ma-m-js .ma-m-honap:not(.ma-m-aktiv){display:none}
.ma-m-js .ma-m-honapcim{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 5. Havi rács – csak széles konténerben (keskenyen csak a lista) */
.ma-m-racs{display:none}
@container ma-m (min-width: 640px){
	.ma-m-honap{display:grid;grid-template-columns:minmax(0,1fr) 248px;grid-template-areas:"cim cim" "lista racs";gap:0 24px;align-items:start}
	.ma-m-honapcim{grid-area:cim}
	.ma-m-honap>.ma-m-lista,.ma-m-honap>.ma-m-ures{grid-area:lista}
	.ma-m-racs{grid-area:racs;display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:10px;font-size:.8em;text-align:center;background:var(--ma-m-hatter);border:1px solid var(--ma-m-vonal);border-radius:var(--ma-m-sugar)}
	.ma-m-racs b{font-weight:600;color:var(--ma-m-halk);text-transform:capitalize;padding-bottom:4px}
	.ma-m-racs span{position:relative;padding:5px 0 7px;color:var(--ma-m-szoveg);border-radius:var(--ma-m-sugar)}
	.ma-m-racs span.van{color:var(--ma-m-cim);font-weight:700}
	.ma-m-racs span.van::after{content:"";position:absolute;left:50%;bottom:2px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--ma-m-c,var(--ma-m-fo))}
	.ma-m-racs span.ma{background:var(--ma-m-fo);color:var(--ma-m-feher)}
	.ma-m-racs span.ma::after{background:var(--ma-m-feher)}
}

/* 6. Keskeny konténer (oldalsáv): kisebb dátumdoboz, szorosabb sor */
@container ma-m (max-width: 360px){
	.ma-m-sor{gap:10px;padding:9px 4px}
	.ma-m-datum{width:46px}
	.ma-m-nap{font-size:1.3em}
}

@media (prefers-reduced-motion: reduce){
	.ma-m-sor,.ma-m-datum,.ma-m-gomb,.ma-m-chip{transition:none}
}