/*
Theme Name: Il-14
Template: twentytwentyfive
Description: Az il-14.hu temaja: a Twenty Twenty-Five gyermektemaja, sajat szinekkel, betukkel es sablonokkal (wordpress #1).
Version: 0.2.0
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: il14
*/

/* --- Fejlec ------------------------------------------------------------------------------------------------ */
.il14-fejlec { position: relative; }
/* a farok nemzeti szinu csikja */
.il14-fejlec::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px;
	background: linear-gradient(90deg, var(--wp--preset--color--accent-5) 0 33.34%, #fff 0 66.67%, var(--wp--preset--color--accent-6) 0);
}
.il14-marka { display: inline-flex; flex-direction: column; text-decoration: none; color: inherit; line-height: 1.1; }
.il14-marka:hover { color: inherit; }
.il14-marka__nev { font-family: var(--wp--preset--font-family--fira-sans); font-weight: 700; font-size: 1.6rem; letter-spacing: -0.02em; }
.il14-marka__nev span { color: var(--wp--preset--color--accent-2); font-weight: 500; }
.il14-marka__alcim {
	font-family: var(--wp--preset--font-family--fira-sans); font-size: 0.78rem; letter-spacing: 0.08em;
	text-transform: uppercase; color: var(--wp--preset--color--accent-4); margin-top: 0.15rem;
}
.il14-fejlec .wp-block-navigation a { text-decoration: none; }
.il14-fejlec .wp-block-navigation a:hover { color: var(--wp--preset--color--accent-4); }
.il14-gyorslinkek { gap: 1.4rem; }
@media (max-width: 781px) { .il14-gyorslinkek { display: none !important; } }

/* A teljes menu gombja: ikon es felirat. */
.il14-fomenu .wp-block-navigation__responsive-container-open {
	display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.35rem 0.7rem;
	border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 4px; color: inherit;
}
.il14-fomenu .wp-block-navigation__responsive-container-open::after {
	content: "Menü"; font-family: var(--wp--preset--font-family--fira-sans); font-size: 0.95rem; font-weight: 500;
}
.il14-fomenu .wp-block-navigation__responsive-container-open:hover { border-color: var(--wp--preset--color--accent-4); }

/* A teljes menu a fedolapon: sok elem, tobb szint, ezert hasabokban es behuzva. */
.il14-fomenu .wp-block-navigation__responsive-container.is-menu-open { padding: 1.5rem clamp(1rem, 4vw, 3rem) 3rem; }
.il14-fomenu .is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 2.5rem !important; align-items: stretch !important;
}
.il14-fomenu .is-menu-open .wp-block-navigation__container {
	display: block !important; columns: 3 18rem; column-gap: 2.5rem; width: 100%; max-width: 1240px; margin: 0 auto;
}
.il14-fomenu .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item {
	break-inside: avoid; display: block; margin-bottom: 1rem;
}
.il14-fomenu .is-menu-open .wp-block-navigation-item__content { padding: 0.15rem 0 !important; }
.il14-fomenu .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	font-weight: 600; font-size: 1.05rem;
}
.il14-fomenu .is-menu-open .wp-block-navigation__submenu-container {
	padding: 0.2rem 0 0.2rem 0.9rem !important; border-left: 2px solid rgba(255, 255, 255, 0.18) !important;
	font-size: 0.95rem; font-weight: 400; gap: 0 !important;
}
.il14-fomenu .is-menu-open .wp-block-navigation-submenu__toggle { display: none; }

/* --- Kezdolap ---------------------------------------------------------------------------------------------- */
.il14-hos { overflow: hidden; min-height: 500px; }
.il14-hos .wp-block-media-text__content { padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--50) !important; }
.il14-hos .wp-block-media-text__media { min-height: 300px; }
@media (max-width: 600px) {
	.il14-hos .wp-block-media-text__media { min-height: 240px; }
	.il14-hos.is-stacked-on-mobile .wp-block-media-text__media { grid-row: 1; }
	.il14-hos.is-stacked-on-mobile .wp-block-media-text__content { grid-row: 2; }
}
.il14-felcim {
	font-family: var(--wp--preset--font-family--fira-sans); font-size: 0.85rem; letter-spacing: 0.1em;
	text-transform: uppercase; color: var(--wp--preset--color--accent-4); margin-bottom: 0.5rem;
}
.il14-hos__cim { margin-top: 0 !important; text-wrap: balance; font-size: clamp(2rem, 3.6vw, 3rem) !important; }
.il14-hos__leiras { color: rgba(255, 255, 255, 0.82); font-size: 1.05rem; line-height: 1.6; }
.il14-gomb-sarga .wp-block-button__link { background: var(--wp--preset--color--accent-4); color: var(--wp--preset--color--accent-1); font-weight: 600; }
.il14-gomb-sarga .wp-block-button__link:hover { background: #fff; color: var(--wp--preset--color--accent-1); }
.il14-gomb-vilagos .wp-block-button__link { color: #fff; border-color: rgba(255, 255, 255, 0.6); background: transparent; }
.il14-gomb-vilagos .wp-block-button__link:hover { background: rgba(255, 255, 255, 0.12); color: #fff; }

.il14-szekcio__cim {
	display: flex; align-items: center; gap: 1rem; font-size: var(--wp--preset--font-size--large);
	text-transform: uppercase; letter-spacing: 0.08em; color: var(--wp--preset--color--muted);
}
.il14-szekcio__cim::after { content: ""; flex: 1; height: 1px; background: var(--wp--preset--color--line); }

.il14-kartya {
	height: 100%; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--line);
	border-radius: 6px; overflow: hidden; transition: box-shadow 0.15s, transform 0.15s;
}
.il14-kartya:hover { box-shadow: 0 6px 24px rgba(15, 42, 92, 0.12); transform: translateY(-2px); }
.il14-kartya .wp-block-post-featured-image { margin: 0; }
.il14-kartya__szoveg { padding: 1rem 1.25rem 1.25rem; }
.il14-kartya .wp-block-post-title { font-size: 1.3rem; margin: 0; }
.il14-kartya .wp-block-post-title a, .il14-tema .wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--accent-1); }
.il14-kartya .wp-block-post-title a:hover, .il14-tema .wp-block-post-title a:hover { color: var(--wp--preset--color--accent-3); }
.il14-kartya .wp-block-post-excerpt { font-size: 1rem; color: var(--wp--preset--color--contrast); margin: 0; }
.il14-kartya .wp-block-post-excerpt__excerpt { margin: 0; }
.il14-kartya .wp-block-post-date { text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.78rem; }

.il14-temak { background: var(--wp--preset--color--base-2); padding: var(--wp--preset--spacing--50); border-radius: 6px; }
.il14-tema { background: var(--wp--preset--color--base); border-left: 4px solid var(--wp--preset--color--accent-2); padding: 1rem 1.2rem; height: 100%; border-radius: 0 4px 4px 0; }
.il14-tema .wp-block-post-title { font-size: 1.1rem; margin: 0; }
.il14-tema .wp-block-post-excerpt { font-size: 0.9rem; color: var(--wp--preset--color--muted); margin: 0; line-height: 1.5; }
.il14-tema .wp-block-post-excerpt__excerpt { margin: 0; }

.wp-block-query-pagination { margin-top: var(--wp--preset--spacing--40); }
.wp-block-query-pagination a { text-decoration: none; }

/* --- Bejegyzes, oldal -------------------------------------------------------------------------------------- */
.il14-morzsa {
	font-family: var(--wp--preset--font-family--fira-sans); font-size: 0.875rem; color: var(--wp--preset--color--muted);
}
.il14-morzsa a { color: var(--wp--preset--color--muted); text-decoration: none; }
.il14-morzsa a:hover { color: var(--wp--preset--color--accent-3); text-decoration: underline; }
.wp-block-post-title { text-wrap: balance; }
.il14-meta .wp-block-post-date { text-transform: uppercase; letter-spacing: 0.06em; }

/* A regi, klasszikus szerkesztovel irt tartalom: kepek a bekezdesben, linkelve, kozepes meretben. */
.il14-tartalom img { height: auto; max-width: 100%; border-radius: 4px; }
.il14-tartalom p > a > img, .il14-tartalom p > img { margin: 0.25rem 0.35rem 0.25rem 0; vertical-align: top; }
.il14-tartalom a:has(> img) { display: inline-block; line-height: 0; }
.il14-tartalom a:has(> img):hover img { outline: 3px solid var(--wp--preset--color--accent-2); outline-offset: 1px; }
.il14-tartalom .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.il14-tartalom iframe { max-width: 100%; border: 0; border-radius: 4px; }
.il14-tartalom iframe[src*="youtube"] { width: 100%; height: auto; aspect-ratio: 16 / 9; }
.il14-tartalom p[style*="justify"] { text-align: left !important; hyphens: auto; }
.il14-tartalom h2, .il14-tartalom h3 { margin-top: 2.2rem; }

.il14-aloldalak {
	margin-top: var(--wp--preset--spacing--50); padding: 1.25rem 1.5rem; background: var(--wp--preset--color--base-2);
	border-radius: 6px; font-family: var(--wp--preset--font-family--fira-sans);
}
.il14-aloldalak h2 {
	font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--wp--preset--color--muted); margin: 0 0 0.6rem;
}
.il14-aloldalak ul { list-style: none; margin: 0; padding: 0; columns: 2 14rem; column-gap: 2rem; }
.il14-aloldalak li { break-inside: avoid; padding: 0.2rem 0; }
.il14-aloldalak a { text-decoration: none; font-weight: 500; }
.il14-aloldalak a::before { content: "› "; color: var(--wp--preset--color--accent-2); }

.il14-kommentek { margin-top: var(--wp--preset--spacing--50); }
.il14-kommentek .wp-block-comment-template { padding: 0; list-style: none; }
.il14-kommentek .wp-block-comment-template > li { border-top: 1px solid var(--wp--preset--color--line); padding: 1rem 0; }
.il14-lapozo { font-size: 1rem; margin-top: var(--wp--preset--spacing--50) !important; padding-top: 1.25rem; border-top: 1px solid var(--wp--preset--color--line); }
.il14-lapozo a { text-decoration: none; }

/* --- Lablec ------------------------------------------------------------------------------------------------ */
.il14-lablec a { color: inherit; }
.il14-lablec .il14-marka { margin-bottom: 0.75rem; }
.il14-lablec .il14-marka__alcim { text-transform: none; letter-spacing: 0; font-size: 0.95rem; color: var(--wp--preset--color--accent-2); }
.il14-lablec__leiras { color: rgba(255, 255, 255, 0.75); max-width: 52ch; }
.il14-lablec__cim { font-size: 0.85rem !important; text-transform: uppercase; letter-spacing: 0.08em; color: var(--wp--preset--color--accent-4) !important; }
.il14-lablec__menu a { text-decoration: none; }
.il14-lablec__menu a:hover { color: var(--wp--preset--color--accent-4); }
.il14-lablec__also {
	margin-top: var(--wp--preset--spacing--50) !important; padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.15);
	font-family: var(--wp--preset--font-family--fira-sans); font-size: 0.85rem; color: rgba(255, 255, 255, 0.6);
}
.il14-lablec__also p { margin: 0; }

/* Az InformatIQ.us logoja (scripts/informatiq_logo.py), a sajat oldalara linkelve. */
.il14-informatiq { display: inline-flex; line-height: 0; opacity: 0.9; transition: opacity 0.15s; }
.il14-informatiq:hover, .il14-informatiq:focus-visible { opacity: 1; }
.il14-informatiq img { height: 30px; width: auto; }