/* AANDACHT voor u* — browserbasis en WordPress-inhoud.
 * Deze laag wordt vóór de eigen componentstijlen geladen.
 */

html { box-sizing: border-box; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; font: 400 16px/1.75 Arial, sans-serif; }
main { display: block; }
:where(p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, figure, blockquote, pre, fieldset, legend, iframe) { margin: 0; padding: 0; }
:where(fieldset, iframe) { border: 0; }
:where(fieldset, legend) { min-width: 0; max-width: 100%; }
:where(p, dl, address, pre, blockquote) { margin-bottom: 1.5em; }
:where(h1, h2, h3, h4, h5, h6) { margin-bottom: 20px; font-family: inherit; font-style: inherit; font-weight: 400; text-transform: none; }
h1 { font-size: 42px; line-height: 1.2; }
h2 { font-size: 35px; line-height: 1.2; }
h3 { font-size: 29px; line-height: 1.2; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 1em; }
ul, ol { margin: 0 0 1.5em 3em; padding: 0; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > :is(ul, ol) { margin: 0 0 0 1.5em; }
dt, b, strong { font-weight: 700; }
dd { margin: 0 1.5em 1.5em; }
em, i, cite, dfn { font-style: italic; }
small { font-size: .75em; }
sub, sup { position: relative; vertical-align: baseline; font-size: .75em; line-height: 0; }
sup { top: -.5em; }
sub { bottom: -.25em; }
abbr[title] { text-decoration: underline dotted; cursor: help; }
mark { background: #edba98; color: #341b26; }
code, kbd, samp, pre { font-family: ui-monospace, Consolas, monospace; }
pre { max-width: 100%; overflow: auto; padding: 20px; background: #eee0d7; font-size: .875em; line-height: 1.6; }
pre code { font-size: inherit; }
blockquote { padding: 16px 22px; border-inline-start: 2px solid #864331; font-style: italic; }
blockquote > :last-child { margin-bottom: 0; }
hr { height: 1px; margin-block: 40px; border: 0; background: #d9cbc6; }
a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }

/* Media blijven binnen hun tekstkolom. */
img { max-width: 100%; height: auto; border: 0; }
video { max-width: 100%; height: auto; }
iframe, embed, object { max-width: 100%; }
svg:not(:root) { overflow: hidden; }
audio { max-width: 100%; }
figure { max-width: 100%; }
.wp-caption-text { font-size: .8125rem; line-height: 1.6; }
.wp-caption { max-width: 100%; margin-bottom: 1.5em; }
.wp-caption-text { margin-top: .75rem; color: var(--avu-muted, #75656b); }
.alignleft { float: left; margin-inline-end: 1.5em; margin-bottom: 1em; }
.alignright { float: right; margin-inline-start: 1.5em; margin-bottom: 1em; }
.aligncenter { display: block; clear: both; margin-inline: auto; }
.alignwide, .alignfull { max-width: 100%; }
.wp-block-table { max-width: 100%; overflow-x: auto; }
.wp-block-embed__wrapper { overflow-wrap: anywhere; }
.gallery { display: grid; grid-template-columns: repeat(var(--avu-gallery-columns, 3), minmax(0, 1fr)); gap: 20px; }
.gallery-columns-1 { --avu-gallery-columns: 1; }
.gallery-columns-2 { --avu-gallery-columns: 2; }
.gallery-columns-3 { --avu-gallery-columns: 3; }
.gallery-columns-4 { --avu-gallery-columns: 4; }
.gallery-columns-5 { --avu-gallery-columns: 5; }
.gallery-columns-6 { --avu-gallery-columns: 6; }
.gallery-columns-7 { --avu-gallery-columns: 7; }
.gallery-columns-8 { --avu-gallery-columns: 8; }
.gallery-columns-9 { --avu-gallery-columns: 9; }
.gallery-item { min-width: 0; margin: 0; }
.gallery > br { display: none; }
.gallery-icon img { margin-inline: auto; }
.gallery-caption { margin-top: 10px; text-align: center; }

table { width: 100%; margin-bottom: 1.5em; border-collapse: collapse; }
th, td { padding: 10px 12px; border: 1px solid #d9cbc6; text-align: start; vertical-align: top; }
th { font-weight: 600; }
caption { padding-bottom: .75em; text-align: start; }

/* Ook de standaard zoek-, wachtwoord- en reactieformulieren zijn bruikbaar. */
button, input, select, textarea, optgroup { margin: 0; font: inherit; color: inherit; }
button, input[type="button"], input[type="reset"], input[type="submit"] { padding: 10px 20px; border: 1px solid transparent; border-radius: 2px; background: #472431; color: #fffcf8; cursor: pointer; }
input:not([type]), input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], select, textarea { max-width: 100%; padding: 10px 14px; border: 1px solid #d9cbc6; border-radius: 2px; background: #fffcf8; }
input[type="search"] { -webkit-appearance: textfield; appearance: textfield; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { width: 100%; resize: vertical; }
button:disabled, input:disabled, select:disabled, textarea:disabled { cursor: not-allowed; }
:where(a, button, input, select, textarea, summary):focus-visible { outline: 2px solid #864331; outline-offset: 3px; }
summary { cursor: pointer; }
[hidden]:not([hidden="until-found"]) { display: none !important; }
.search-form > label { min-width: 0; }
.post-password-form { max-width: 620px; }
.post-password-form label { margin-block: .5em; }
.post-password-form input[type="submit"] { margin-top: .5em; }
.wp-element-button { display: inline-block; padding: .75em 1.5em; border-radius: 2px; background: #472431; color: #fffcf8; text-decoration: none; }

/* Aanvullingen op de eigen opmaak van berichten en reacties. */
.comment-content { overflow-wrap: anywhere; }
.comment-form input, .comment-form textarea { max-width: 100%; }
body.avu-site .comment-form > p + p { margin-top: 18px; }
body.avu-site .comment-form .form-submit { margin-top: 24px; }
.comment-form-cookies-consent { display: flex; align-items: baseline; gap: 2px; }
.comment-form-cookies-consent input { flex: 0 0 auto; }
.comment-notes, .logged-in-as, .comment-awaiting-moderation { color: var(--avu-muted, #75656b); font-size: .875em; }
.comment-author cite { font-style: normal; }
.comment-respond small { font: 400 14px/1.5 var(--avu-sans, Arial, sans-serif); }
#cancel-comment-reply-link { display: inline-block; margin-inline-start: 12px; }
.comment-navigation .nav-links, .post-navigation .nav-links { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.pagination .nav-links { overflow-wrap: anywhere; }
.page-links { clear: both; }

/* Visueel verborgen tekst blijft beschikbaar voor hulptechnologie. */
.screen-reader-text, .avu-screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }
body.avu-site .screen-reader-text:focus, body.avu-site .avu-screen-reader-text:focus { position: fixed !important; inset: 12px auto auto 12px; z-index: 100000; width: auto; height: auto; margin: 0; padding: 12px 18px; overflow: visible; clip: auto; clip-path: none; white-space: normal; background: #fffcf8; color: #472431; box-shadow: 0 0 0 2px #864331; }
@media (max-width: 600px) {
  .post-password-form input[type="submit"] { width: 100%; }
  .gallery:not(.gallery-columns-1) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}