/* ==========================================================================
   Gymlessen-archief (/gymspellen/ + taxonomie-archieven) op mobiel
   Minder verticale witruimte. Wordt alleen in archiefcontext geladen
   (zie lib/lesson-filter.php). De selectors zijn bewust specifieker dan
   Kadence (.loop-entry.type-lesonderdelen h2.entry-title) en dan de
   Customizer-CSS, want die staat later in de <head>.
   ========================================================================== */

@media (max-width: 767px) {

	/* ---- Kop: kruimelpad, titel en aantal (Kadence Element) ------------ */

	/* Het kruimelpad staat in een paragraafblok; de browser maakt daar twee lege <p>'s van. */
	#inner-wrap > .kb-row-layout-wrap:has(.kadence-breadcrumbs) p:empty {
		display: none;
	}

	#inner-wrap > .kb-row-layout-wrap:has(.kadence-breadcrumbs) > .kt-row-column-wrap {
		padding-top: 12px;
		padding-bottom: 0;
	}

	#inner-wrap > .kb-row-layout-wrap:has(.kadence-breadcrumbs) .kadence-breadcrumbs {
		margin: 0 0 12px;
		font-size: 15px;
	}

	/* ---- Ruimte tussen kop, Filter-knop en lessen ----------------------- */

	#inner-wrap > .content-area {
		margin-top: 16px;
		margin-bottom: 24px;
	}

	#secondary.primary-sidebar {
		padding-top: 0;
		padding-bottom: 16px;
	}

	/* Het desktopfilter is op mobiel verborgen, maar de widget eromheen hield 1.5em marge. */
	#secondary .widget:has(> .kb-v-sm-hidden) {
		display: none;
	}

	/* ---- Lessen-grid ---------------------------------------------------- */

	#archive-container.lesonderdelen-archive {
		column-gap: 12px;
		row-gap: 24px;
	}

	.lesonderdelen-archive .loop-entry .post-thumbnail {
		margin-bottom: 8px !important; /* de Customizer zet .5em !important */
	}

	.lesonderdelen-archive .loop-entry.type-lesonderdelen h2.entry-title {
		font-size: 17px;
		line-height: 1.2;
		-webkit-hyphens: auto;
		hyphens: auto;
	}

	.lesonderdelen-archive .loop-entry .entry-summary {
		margin-top: 4px;
	}

	/* Max. 3 regels, zodat één lange omschrijving de rij niet oprekt. */
	.lesonderdelen-archive .loop-entry .entry-summary p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		margin: 0;
		font-size: 15px;
		line-height: 1.4;
		-webkit-hyphens: auto;
		hyphens: auto;
	}

	/* ---- Paginering op één regel ---------------------------------------- */

	.lesonderdelen-archive ~ .pagination {
		margin: 24px auto 0;
		font-size: 16px;
	}

	/* ---- SEO-tekst + FAQ onder de lessen -------------------------------- */

	#inner-wrap > .kb-row-layout-wrap:has(.wp-block-yoast-faq-block) {
		font-size: 17px;
		line-height: 1.5;
	}

	#inner-wrap > .kb-row-layout-wrap:has(.wp-block-yoast-faq-block) :is(h2, h3) {
		font-size: 22px;
	}
}