/* ==========================================================================
   Astra terugduwen
   --------------------------------------------------------------------------
   Astra kleurt koppen, links en alinea's met selectors als .entry-content h2
   en .entry-content a. Die zijn specifieker dan onze eigen regels op h2 en a,
   dus in de donkere versie won Astra en kreeg je donkere tekst op een donkere
   achtergrond. Hieronder zetten we dat terug, netjes binnen .ar-pagina zodat
   de winkel, de community en de documentatie er niets van merken.

   Wordt geladen na ontwerp.css.
   ========================================================================== */

/* Achtergronden van Astra doorzichtig maken, anders zie je witte banen. */
body.ar-pagina,
.ar-pagina #page,
.ar-pagina #content,
.ar-pagina .site-content,
.ar-pagina .ast-container,
.ar-pagina .entry-content,
.ar-pagina .ast-separate-container,
.ar-pagina .ast-page-builder-template .entry-content {
	background: transparent;
}
body.ar-pagina { background: var(--bg); }

/* Tekstkleur binnen de inhoud. */
.ar-pagina .entry-content { color: var(--tekst); }
.ar-pagina .entry-content p { color: inherit; }

/* Koppen. Astra zet hier een eigen kleur op met hogere specificiteit. */
.ar-pagina .entry-content h1,
.ar-pagina .entry-content h2,
.ar-pagina .entry-content h3,
.ar-pagina .entry-content h4,
.ar-pagina .entry-content h5,
.ar-pagina .entry-content h6 {
	color: var(--tekst);
	font-family: 'Archivo', sans-serif;
	font-stretch: 84%;
	font-weight: 700;
	letter-spacing: -0.012em;
	line-height: 1.06;
}

/* Links. Standaard erven ze de kleur van hun blok, knoppen krijgen hun eigen kleur terug. */
.ar-pagina .entry-content a {
	color: inherit;
	text-decoration: none;
}
.ar-pagina .entry-content a:hover { color: inherit; }

.ar-pagina .entry-content .btn { border: 1px solid transparent; }
.ar-pagina .entry-content .btn-p { background: var(--accent); color: #fff; }
.ar-pagina .entry-content .btn-p:hover { background: var(--accent-h); color: #fff; }
.ar-pagina .entry-content .btn-s { background: transparent; color: var(--tekst); border-color: var(--rand2); }
.ar-pagina .entry-content .btn-s:hover { border-color: var(--tekst); color: var(--tekst); }
.ar-pagina .entry-content .btn-v { background: var(--paneel2); color: var(--tekst); border-color: var(--rand); }
.ar-pagina .entry-content .rfnote a,
.ar-pagina .entry-content .klein a,
.ar-pagina .entry-content .rfok a { color: var(--accent); text-decoration: underline; }

/* Lijsten. Astra zet marges en opsommingstekens op ul en ol. */
.ar-pagina .entry-content ul,
.ar-pagina .entry-content ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ar-pagina .entry-content li { margin: 0; }

/* Formuliervelden. Astra geeft die een witte achtergrond en een eigen rand. */
.ar-pagina .entry-content input[type="text"],
.ar-pagina .entry-content input[type="email"],
.ar-pagina .entry-content input[type="url"],
.ar-pagina .entry-content input[type="tel"],
.ar-pagina .entry-content select,
.ar-pagina .entry-content textarea {
	background: var(--bg2);
	color: var(--tekst);
	border: 1px solid var(--rand2);
	border-radius: 9px;
	font-family: 'Inter', sans-serif;
	font-size: 14.5px;
	box-shadow: none;
}
.ar-pagina .entry-content input:focus,
.ar-pagina .entry-content select:focus,
.ar-pagina .entry-content textarea:focus {
	border-color: var(--accent);
	background: var(--bg2);
	color: var(--tekst);
	box-shadow: none;
}
.ar-pagina .entry-content input::placeholder,
.ar-pagina .entry-content textarea::placeholder { color: var(--zachter); }

/* Astra kleurt de knop van een formulier. */
.ar-pagina .entry-content button,
.ar-pagina .entry-content input[type="submit"] {
	font-family: 'Archivo', sans-serif;
	border-radius: 9px;
}
.ar-pagina .entry-content button.btn-p,
.ar-pagina .entry-content button.btn-p:hover,
.ar-pagina .entry-content button.btn-p:focus {
	background: var(--accent);
	color: #fff;
	border: 0;
}

/* Afbeeldingen. Astra zet er soms een rand of schaduw omheen. */
.ar-pagina .entry-content img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
}
.ar-pagina .entry-content .frame img,
.ar-pagina .entry-content .pshot img,
.ar-pagina .entry-content .mtegel img { border-radius: 0; }

/* Tabellen en overige resten. */
.ar-pagina .entry-content table { margin: 0; }

/* Astra's terug-naar-boven knop overlapt onze vaste balk op mobiel. */
@media (max-width: 1040px) {
	.ar-pagina #ast-scroll-top { bottom: 84px; }
}

/* Sommige plugins zetten hun eigen p-marge in onze blokken. */
.ar-pagina .entry-content .head p,
.ar-pagina .entry-content .stap p,
.ar-pagina .entry-content .kaart p,
.ar-pagina .entry-content .rij span,
.ar-pagina .entry-content .tcard p { margin-bottom: 0; }