/*
Theme Name: Avada Child - Nomax Project
Theme URI: https://nomaxproject.nl/
Description: Child theme van Avada voor Nomax Project. Bevat de SEO-fixes uit de rapportage van Been & van Dam (28 mei 2026): dedupliceren van Avada/Yoast meta-output, herstel van de H1-structuur, Organization/LocalBusiness- en Service-schema, en de title-rewrites.
Author: Been & van Dam
Author URI: https://nomaxproject.nl/
Template: Avada
Version: 1.2.0
Text Domain: avada-child
*/

/* -------------------------------------------------------------------------
 * H1-degradatie (zie inc/headings.php)
 *
 * Titel-elementen die van <h1> naar <h2> zijn gezet krijgen het attribuut
 * data-nomax-demoted="h1". De lettergrootte en kleur komen al van de wrapper
 * (.fusion-title-size-one), maar font-family, line-height, letter-spacing en
 * text-transform komen normaal van Avada's globale h1-typografie. Die zetten
 * we hier terug, zodat de degradatie puur semantisch is en visueel niets
 * verandert.
 * ---------------------------------------------------------------------- */
.fusion-body .fusion-title .fusion-title-heading[data-nomax-demoted="h1"] {
	font-family: var(--h1_typography-font-family);
	font-weight: var(--h1_typography-font-weight);
	font-style: var(--h1_typography-font-style);
	line-height: var(--h1_typography-line-height);
	letter-spacing: var(--h1_typography-letter-spacing);
	text-transform: var(--h1_typography-text-transform);
}

/* -------------------------------------------------------------------------
 * Accordion-inhoud: sitelettertype in plaats van Inter
 *
 * De Avada-optie 'accordion_content_typography' staat op Inter, terwijl de
 * body muli gebruikt. Die optie levert de standaardwaarde van het element, dus
 * de shortcode schrijft inline --awb-content-font-family:"Inter" en overschrijft
 * daarmee Avada's eigen regel, die var(--body_typography-font-family) gebruikt.
 * Het veld in de builder leegmaken helpt niet: een lege waarde valt terug op
 * diezelfde optie.
 *
 * We overschrijven daarom de consument, .fusion-accordian .toggle-content. De
 * extra .fusion-body is nodig omdat dit child-stylesheet vóór Avada's
 * dynamische CSS laadt; bij gelijke specificiteit zou Avada winnen.
 *
 * Bewust via de body_typography-variabele en niet met een vaste fontnaam, zodat
 * de FAQ meebeweegt als het sitelettertype ooit verandert. De fallback-stack
 * staat erachter omdat die variabele alleen "muli" bevat, zonder terugval.
 *
 * font-weight bewust niet gezet: Avada's --body_typography-font-weight verwijst
 * naar --awb-typography4, en die is nergens gedefinieerd. Het element staat al
 * op 400, gelijk aan de body.
 * ---------------------------------------------------------------------- */
.fusion-body .fusion-accordian .toggle-content {
	font-family: var(--body_typography-font-family), Arial, Helvetica, sans-serif;
	font-style: normal;
}

/* -------------------------------------------------------------------------
 * Keuzehulp-tabel op /diensten/
 *
 * Avada styleert gewone content-tabellen niet: geen padding, geen
 * scheidingslijnen, kolommen die tegen elkaar aan lopen. Deze regels maken er
 * een witte kaart van op de grijze containerachtergrond, in dezelfde lijn als
 * de boxed accordion.
 *
 * Op mobiel stapelen de cellen onder elkaar. De kopregel wordt dan visueel
 * verborgen maar blijft leesbaar voor schermlezers; elke cel toont in plaats
 * daarvan zijn eigen label uit data-label.
 * ---------------------------------------------------------------------- */
.fusion-body table.nomax-keuzehulp {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	background-color: var(--awb-color1);
}

.fusion-body table.nomax-keuzehulp th,
.fusion-body table.nomax-keuzehulp td {
	padding: 16px 24px;
	text-align: left;
	vertical-align: top;
	border: 0;
	border-bottom: 1px solid var(--awb-color6);
}

.fusion-body table.nomax-keuzehulp th:first-child,
.fusion-body table.nomax-keuzehulp td:first-child {
	width: 55%;
}

.fusion-body table.nomax-keuzehulp thead th {
	font-size: 0.85em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--awb-color2);
	border-bottom: 2px solid var(--awb-color4);
}

.fusion-body table.nomax-keuzehulp tbody tr:last-child td {
	border-bottom: 0;
}

.fusion-body table.nomax-keuzehulp td a {
	font-weight: 600;
}

@media screen and (max-width: 640px) {
	.fusion-body table.nomax-keuzehulp thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.fusion-body table.nomax-keuzehulp,
	.fusion-body table.nomax-keuzehulp tbody,
	.fusion-body table.nomax-keuzehulp tr,
	.fusion-body table.nomax-keuzehulp td {
		display: block;
		width: 100%;
	}

	.fusion-body table.nomax-keuzehulp tr {
		padding: 14px 20px;
		border-bottom: 1px solid var(--awb-color6);
	}

	.fusion-body table.nomax-keuzehulp tr:last-child {
		border-bottom: 0;
	}

	.fusion-body table.nomax-keuzehulp td {
		padding: 2px 0;
		border-bottom: 0;
	}

	.fusion-body table.nomax-keuzehulp td::before {
		content: attr(data-label) ": ";
		font-weight: 700;
	}
}