/*
Theme Name: RMDSZ Kolozs megye
Template: twentytwentyfive
Version: 1.0
Text Domain: kolozs
Description: Child theme for kolozsmegye.ro
*/

/* ---------- Header ---------- */
.kolozs-topbar,
.kolozs-topbar a {
	font-family: var(--wp--preset--font-family--rmdsz);
	font-size: 0.9rem;
	color: #fff;
	text-decoration: none;
}
.kolozs-topbar a:hover { text-decoration: underline; color: #fff; }
.kolozs-topbar p { margin: 0; }
.kolozs-sep { margin: 0 0.6em; opacity: 0.6; }
.kolozs-mainbar { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); border-bottom: 4px solid var(--wp--preset--color--accent-1); }
.kolozs-mainbar .wp-block-site-logo img { height: auto; }
.kolozs-mainbar .wp-block-navigation a { color: var(--wp--preset--color--contrast); text-decoration: none; }
.kolozs-mainbar .wp-block-navigation .wp-block-navigation-item > a:hover,
.kolozs-mainbar .wp-block-navigation .current-menu-item > a { color: var(--wp--preset--color--accent-1); }
.kolozs-mainbar .wp-block-navigation__submenu-container {
	border: 0 !important;
	border-top: 3px solid var(--wp--preset--color--accent-1) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	min-width: 240px !important;
}
.kolozs-mainbar .wp-block-navigation__submenu-container a { font-weight: 400; padding: 0.5em 1em !important; }
.kolozs-mainbar .wp-block-search__button { background: transparent; color: var(--wp--preset--color--contrast); border: 0; }

/* ---------- Section headings ---------- */
.kolozs-section-head { margin-top: 48px; margin-bottom: 20px; border-bottom: 2px solid var(--wp--preset--color--accent-4); }
.kolozs-section-title {
	position: relative;
	font-size: clamp(1.6rem, 2.4vw, 2.1rem);
	margin: 0 0 12px;
	padding-left: 18px;
}
.kolozs-section-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.15em;
	bottom: 0.15em;
	width: 6px;
	background: var(--wp--preset--color--accent-2);
	transform: skewX(-12deg);
}
.kolozs-more { margin: 0 0 12px; font-family: var(--wp--preset--font-family--rmdsz); font-weight: 700; }
.kolozs-more a { text-decoration: none; }

/* ---------- Hero: the 3 newest featured ("Kiemelt") news, 1 big + 2 beside it ---------- */
.kolozs-hero-query { margin-top: 0; }
.kolozs-top3 .wp-block-post-template {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: repeat(2, minmax(250px, auto));
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.kolozs-top3 .wp-block-post-template > li { margin: 0; min-width: 0; }
.kolozs-top3 .wp-block-post-template > li:first-child { grid-row: span 2; }
.kolozs-top-item {
	display: flex;
	flex-direction: column;
	height: 100%;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
}
/* The photo fills whatever height the text leaves free */
.kolozs-top-item .kolozs-feature-image { position: relative; flex: 1 1 auto; min-height: 130px; margin: 0 !important; }
.kolozs-top-item .kolozs-feature-image a,
.kolozs-top-item .kolozs-feature-image img { position: absolute; inset: 0; display: block; width: 100%; height: 100% !important; object-fit: cover; }
.kolozs-top-body { padding: 16px 20px 18px; margin: 0 !important; border-top: 5px solid var(--wp--preset--color--accent-2); }
.kolozs-top-body .wp-block-post-date { margin: 0; }
.kolozs-hero-title { font-size: 1.2rem; line-height: 1.3; margin: 0.25em 0 0; }
.kolozs-hero-title a { color: #fff; text-decoration: none; }
.kolozs-hero-title a:hover { text-decoration: underline; }
.kolozs-hero-date { color: rgba(255, 255, 255, 0.85) !important; font-size: 0.9rem; }
.kolozs-feature-excerpt { display: none; color: rgba(255, 255, 255, 0.88); font-size: 1.05rem; margin: 10px 0 0; }
.kolozs-feature-excerpt .wp-block-post-excerpt__more-text { display: none; }
/* The big one */
.kolozs-top3 li:first-child .kolozs-feature-image { min-height: 320px; }
.kolozs-top3 li:first-child .kolozs-top-body { padding: 24px 28px 26px; }
.kolozs-top3 li:first-child .kolozs-hero-title { font-size: clamp(1.5rem, 2.4vw, 2.1rem); }
.kolozs-top3 li:first-child .kolozs-feature-excerpt { display: block; }

/* ---------- Cards ---------- */
.kolozs-cards .wp-block-post-template { gap: 28px; }
.kolozs-card {
	height: 100%;
	background: #fff;
	border: 1px solid #e6e6e2;
	border-radius: 6px;
	overflow: hidden;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.kolozs-card:hover { box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10); transform: translateY(-2px); }
.kolozs-card .wp-block-post-featured-image { margin: 0; }
.kolozs-card .wp-block-post-featured-image img { width: 100%; object-fit: cover; }
.kolozs-card-body { padding: 16px 18px 20px; }
.kolozs-card-body .wp-block-post-date { margin: 0 0 6px; }
.kolozs-card-title { font-size: 1.25rem; margin: 0 0 8px; }
.kolozs-card-title a { color: var(--wp--preset--color--contrast); text-decoration: none; }
.kolozs-card-title a:hover { color: var(--wp--preset--color--accent-1); }
.kolozs-card-excerpt { font-size: 0.95rem; color: var(--wp--preset--color--accent-6); margin: 0; }
.kolozs-card-excerpt .wp-block-post-excerpt__more-text { display: none; }
/* Cards without a picture get a branded placeholder band */
.kolozs-card:not(:has(.wp-block-post-featured-image)) { border-top: 6px solid var(--wp--preset--color--accent-1); }

/* ---------- Quick links ---------- */
.kolozs-tiles { gap: 24px; }
.kolozs-tile {
	height: 100%;
	background: #fff;
	border-radius: 6px;
	padding: 24px;
	border-top: 5px solid var(--wp--preset--color--accent-1);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.kolozs-tile h3 { margin: 0 0 8px; font-size: 1.35rem; }
.kolozs-tile h3 a { color: var(--wp--preset--color--accent-3); text-decoration: none; }
.kolozs-tile h3 a::after { content: " →"; color: var(--wp--preset--color--accent-2); }
.kolozs-tile p { margin: 0; font-size: 0.95rem; color: var(--wp--preset--color--accent-6); }

/* ---------- Albums ---------- */
.kolozs-albums .wp-block-post-template { gap: 20px; }
.kolozs-album .wp-block-post-featured-image { margin: 0; border-radius: 6px; overflow: hidden; }
.kolozs-album-title { font-size: 1.05rem; margin: 8px 0 0; }
.kolozs-album-title a { color: var(--wp--preset--color--contrast); text-decoration: none; }

/* ---------- Single post / pages ---------- */
.kolozs-terms a { color: var(--wp--preset--color--accent-1); text-decoration: none; }
.kolozs-single-title { font-size: clamp(1.9rem, 3.6vw, 2.8rem); margin: 0.2em 0 0.3em; }
.kolozs-single-image { margin-top: 24px; border-radius: 6px; overflow: hidden; }
.kolozs-single-image img { width: 100%; max-height: 560px; object-fit: cover; object-position: center 30%; }
.kolozs-content { font-size: 1.1rem; }
.kolozs-content img { height: auto; max-width: 100%; }
.kolozs-content p[style*="text-align:justify"],
.kolozs-content p[style*="text-align: justify"] { text-align: left !important; }
.kolozs-content span[style*="font-family"] { font-family: inherit !important; }
.kolozs-content span[style*="font-size"] { font-size: inherit !important; }
.kolozs-lead { font-size: 1.2rem; line-height: 1.55; color: var(--wp--preset--color--contrast); }
.kolozs-content iframe { max-width: 100%; }
.kolozs-content .wp-block-gallery { margin-top: 32px; }
.kolozs-page-title { margin-bottom: 24px; }

/* ---------- Organization members ---------- */
.kolozs-member {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	padding: 18px 0;
	border-bottom: 1px solid #e6e6e2;
}
.kolozs-member-photo { width: 110px; height: 110px; object-fit: cover; border-radius: 50%; flex: none; }
.kolozs-member-body h3 { margin: 0 0 2px; font-size: 1.3rem; }
.kolozs-member-role { margin: 0 0 6px; color: var(--wp--preset--color--accent-1); font-family: var(--wp--preset--font-family--rmdsz); font-weight: 700; }
.kolozs-member-contact { margin: 0; font-size: 0.95rem; color: var(--wp--preset--color--accent-6); }

/* ---------- Document lists ---------- */
.kolozs-docs { list-style: none; padding: 0; }
.kolozs-docs a { text-decoration: none; color: var(--wp--preset--color--contrast); }
.kolozs-docs a:hover { color: var(--wp--preset--color--accent-1); text-decoration: underline; }
.kolozs-docs li { padding: 10px 0 10px 34px; border-bottom: 1px solid #ecece8; position: relative; }
.kolozs-docs li::before {
	content: "PDF";
	position: absolute;
	left: 0;
	top: 12px;
	font: 700 0.6rem/1 var(--wp--preset--font-family--rmdsz);
	color: #fff;
	background: var(--wp--preset--color--accent-2);
	padding: 3px 4px;
	border-radius: 2px;
}

/* ---------- Footer ---------- */
.kolozs-footer a { color: #fff; }
.kolozs-footer a:hover { color: #fff; opacity: 0.8; }
.kolozs-footer h3 { font-size: 1.25rem; }
.kolozs-footer-logo img { background: #fff; border-radius: 6px; padding: 8px; }
.kolozs-footer-links { list-style: none; padding: 0; }
.kolozs-footer-links li { margin: 0 0 6px; }

/* ---------- Pagination ---------- */
.wp-block-query-pagination { margin-top: 40px; gap: 6px; }
.wp-block-query-pagination-numbers .page-numbers { padding: 4px 10px; border-radius: 4px; text-decoration: none; }
.wp-block-query-pagination-numbers .current { background: var(--wp--preset--color--accent-1); color: #fff; }

/* ---------- Phone menu (overlay) ---------- */
.kolozs-sub-toggle,
.kolozs-menu-logo,
.kolozs-menu-contact { display: none; }

.kolozs-search-toggle,
.kolozs-phone-search,
.kolozs-menu-overview { display: none; }
.wp-block-navigation__responsive-container.is-menu-open {
	padding: 0 !important;
	background: #fff !important;
	color: var(--wp--preset--color--contrast) !important;
	animation: none !important; /* the top row replaces the header in place; only the list fades in */
}
.is-menu-open .wp-block-navigation__responsive-container-content { animation: kolozs-drop 0.18s ease-out; }
@keyframes kolozs-drop { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.is-menu-open .wp-block-navigation__responsive-dialog,
.is-menu-open .wp-block-navigation__responsive-close { margin-top: 0 !important; padding-top: 0 !important; }
/* Top row: logo left, close button right */
/* Same size and place as the header: logo 130px, 10px padding, 4px green line */
.is-menu-open .kolozs-menu-logo {
	display: block;
	padding: 10px var(--wp--preset--spacing--50);
	border-bottom: 4px solid var(--wp--preset--color--accent-1);
}
.is-menu-open .kolozs-menu-logo img { display: block; width: 130px; height: auto; }
.is-menu-open .wp-block-navigation__responsive-container-close {
		top: 21px !important;
	right: var(--wp--preset--spacing--50) !important;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--wp--preset--color--accent-4) !important;
	color: var(--wp--preset--color--accent-3) !important;
}
.is-menu-open .wp-block-navigation__responsive-container-close svg { width: 26px; height: 26px; }
.is-menu-open .wp-block-navigation__responsive-container-content {
	padding: 8px 20px 32px !important;
	align-items: stretch !important;
	gap: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	width: 100%;
	gap: 0 !important;
	align-items: stretch !important;
}
/* One row per menu item */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item {
	display: grid !important;
	grid-template-columns: 1fr auto;
	align-items: center;
	width: 100%;
	border-bottom: 1px solid #e6e6e2;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	padding: 15px 0 !important;
	font-family: var(--wp--preset--font-family--rmdsz);
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--wp--preset--color--contrast) !important;
}
.wp-block-navigation__responsive-container.is-menu-open .current-menu-item > .wp-block-navigation-item__content { color: var(--wp--preset--color--accent-1) !important; }
.wp-block-navigation__responsive-container.is-menu-open a:focus,
.is-menu-open .kolozs-sub-toggle:focus { outline: none; }
.wp-block-navigation__responsive-container.is-menu-open a:focus-visible,
.is-menu-open .kolozs-sub-toggle:focus-visible,
.is-menu-open .wp-block-navigation__responsive-container-close:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent-1);
	outline-offset: 2px;
	border-radius: 4px;
}
/* Chevron that shows a section can be opened */
.is-menu-open .kolozs-sub-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-right: -8px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--wp--preset--color--accent-1);
	cursor: pointer;
}
.is-menu-open .kolozs-sub-toggle svg { transition: transform 0.2s ease; }
.is-menu-open .kolozs-open > .kolozs-sub-toggle { background: var(--wp--preset--color--accent-4); }
.is-menu-open .kolozs-open > .kolozs-sub-toggle svg { transform: rotate(180deg); }
/* Sub-items: hidden until opened */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container {
	display: none !important;
	grid-column: 1 / -1;
	margin: 0 0 12px !important;
	padding: 4px 0 !important;
	border: 0 !important;
	border-left: 3px solid var(--wp--preset--color--accent-1) !important;
	background: var(--wp--preset--color--accent-4) !important;
	border-radius: 0 6px 6px 0;
	box-shadow: none;
	min-width: 0 !important;
	width: auto !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .has-child.kolozs-open > .wp-block-navigation__submenu-container { display: block !important; }
.wp-block-navigation .wp-block-navigation-item.kolozs-menu-overview { display: none !important; } /* desktop dropdown: not needed, the name is a link */
.is-menu-open .kolozs-menu-overview .wp-block-navigation-item__content { font-weight: 700 !important; color: var(--wp--preset--color--accent-3) !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {
	display: block !important;
	width: 100%;
	text-align: left !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	display: block;
	padding: 11px 16px !important;
	font-size: 1.05rem;
	font-weight: 400;
	color: var(--wp--preset--color--contrast) !important;
	opacity: 1;
}
/* Contact at the bottom of the menu */
.is-menu-open .kolozs-menu-contact {
	display: block;
	margin-top: 24px;
	padding: 18px;
	border-radius: 6px;
	background: var(--wp--preset--color--accent-5);
}
.is-menu-open .kolozs-menu-contact p { margin: 0 0 8px; }
.is-menu-open .kolozs-menu-contact a {
	color: var(--wp--preset--color--accent-3) !important;
	font-family: var(--wp--preset--font-family--rmdsz);
	font-size: 1.05rem;
	text-decoration: none;
}
.is-menu-open .kolozs-menu-contact .wp-block-social-links { margin: 12px 0 0; gap: 14px; }
.is-menu-open .kolozs-menu-contact .wp-social-link { color: var(--wp--preset--color--accent-3) !important; }
.is-menu-open .kolozs-menu-contact .wp-social-link svg { width: 26px; height: 26px; fill: currentColor; }

/* ---------- Phone header (below 600px, where the menu becomes a ☰ button) ---------- */
@media (max-width: 599px) {
	/* The green contact bar moves into the menu */
	.kolozs-topbar { display: none !important; }
	/* Header sticks; hides on scroll down, slides back in on scroll up (assets/js/header.js) */
	header.wp-block-template-part {
		position: sticky;
		top: 0;
		z-index: 100;
		transition: transform 0.25s ease, box-shadow 0.25s ease;
	}
	header.wp-block-template-part.kolozs-header-hidden { transform: translateY(-100%); }
	header.wp-block-template-part.kolozs-header-scrolled { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10); }
	.kolozs-mainbar { padding-top: 10px !important; padding-bottom: 10px !important; }
	.kolozs-mainbar .wp-block-site-logo img { width: 130px !important; }
	/* Search, then ☰ on the far right */
	.kolozs-mainbar nav.wp-block-navigation { order: 2; flex: none; }
	.kolozs-mainbar .kolozs-search-toggle { order: 1; }
	.kolozs-mainbar .kolozs-desktop-search { display: none !important; }
	.kolozs-mainbar .wp-block-group.is-nowrap,
	.kolozs-mainbar .wp-block-group .wp-block-group { gap: 4px; }
	.kolozs-mainbar .wp-block-navigation__responsive-container-open,
	.kolozs-mainbar .kolozs-search-toggle {
		width: 44px;
		height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 !important;
		margin: 0;
		border-radius: 50%;
		color: var(--wp--preset--color--accent-3);
	}
	.kolozs-mainbar .wp-block-navigation__responsive-container-open { background: var(--wp--preset--color--accent-4); }
	.kolozs-mainbar .wp-block-navigation__responsive-container-open svg { width: 28px; height: 28px; }
	.kolozs-mainbar .kolozs-search-toggle { border: 0; background: transparent; cursor: pointer; }
	.kolozs-search-open .kolozs-mainbar .kolozs-search-toggle { background: var(--wp--preset--color--accent-4); }
	/* Search bar that drops down under the header */
	.kolozs-search-open .kolozs-phone-search {
		display: block;
		padding: 12px var(--wp--preset--spacing--50) 14px;
		background: #fff;
		border-bottom: 1px solid #e6e6e2;
		animation: kolozs-drop 0.18s ease-out;
	}
	.kolozs-phone-search .wp-block-search__inside-wrapper { display: flex; gap: 8px; }
	.kolozs-phone-search .wp-block-search__input {
		flex: 1;
		min-width: 0;
		height: 46px;
		padding: 0 18px;
		border: 2px solid var(--wp--preset--color--accent-1);
		border-radius: 24px;
		font-size: 16px; /* 16px stops iPhones zooming in */
	}
	.kolozs-phone-search .wp-block-search__input:focus { outline: none; box-shadow: 0 0 0 3px var(--wp--preset--color--accent-4); }
	.kolozs-phone-search .wp-block-search__button {
		flex: none;
		width: 46px;
		height: 46px;
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		background: var(--wp--preset--color--accent-1);
		color: #fff;
	}
}

/* ---------- Phone ---------- */
@media (max-width: 781px) {
	.kolozs-topbar-contact { font-size: 0.8rem; }
	.kolozs-top3 .wp-block-post-template { grid-template-columns: 1fr; grid-template-rows: none; }
	.kolozs-top3 .wp-block-post-template > li:first-child { grid-row: auto; }
	.kolozs-top-item .kolozs-feature-image,
	.kolozs-top3 li:first-child .kolozs-feature-image { flex: none; min-height: 0; aspect-ratio: 3 / 2; }
	.kolozs-top3 li:first-child .kolozs-top-body { padding: 18px 20px 20px; }
	.kolozs-feature-excerpt p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.kolozs-cards .wp-block-post-template,
	.kolozs-albums .wp-block-post-template { grid-template-columns: 1fr !important; }
	.kolozs-albums .wp-block-post-template { grid-template-columns: 1fr 1fr !important; }
	.kolozs-member-photo { width: 80px; height: 80px; }
}