/* ==================================================
   SQUEAK – GENERIEKE CONTENTPAGINA
   Template: Squeak – standaardpagina
================================================== */
body.page-template-page-squeak-standard {
    background: var(--sq-dark);
    color: var(--sq-off);
}

.squeak-standard-page {
    min-height: 70vh;
    background:
        linear-gradient(rgba(11,13,14,.94), rgba(11,13,14,.97)),
        url('/wp-content/uploads/2026/08/squeak-noise.png') center/420px repeat;
    padding: var(--sq-hero-top) 0 100px;
}

.squeak-standard-page-inner {
    width: min(92%, 1180px);
    margin: 0 auto;
}

.squeak-standard-page-header {
    max-width: 900px;
    margin-bottom: 54px;
}

.squeak-standard-eyebrow {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--sq-red);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.squeak-standard-page h1 {
    margin: 0;
    color: var(--sq-off);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(54px, 7vw, 104px);
    font-weight: 800;
    line-height: .9;
    text-transform: uppercase;
}

.squeak-standard-content {
    max-width: 900px;
    color: #d2d2d2;
    font-size: 17px;
    line-height: 1.75;
}

.squeak-standard-content h2,
.squeak-standard-content h3,
.squeak-standard-content h4 {
    color: var(--sq-off);
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 700;
    line-height: 1.05;
}

.squeak-standard-content h2 { margin: 56px 0 20px; font-size: clamp(34px,4vw,54px); }
.squeak-standard-content h3 { margin: 38px 0 16px; font-size: clamp(26px,3vw,36px); }
.squeak-standard-content p,
.squeak-standard-content ul,
.squeak-standard-content ol { margin-bottom: 1.4em; }
.squeak-standard-content a { color: var(--sq-red); text-decoration: underline; text-underline-offset: 3px; }
.squeak-standard-content strong { color: #fff; }
.squeak-standard-content hr { border: 0; border-top: 1px solid rgba(255,255,255,.14); margin: 44px 0; }

@media (max-width: 1100px) {
    .squeak-standard-page { padding-top: max(var(--sq-hero-top), 180px); padding-bottom: 80px; }
}
@media (max-width: 600px) {
    .squeak-standard-page { padding-top: max(var(--sq-hero-top), 165px); padding-bottom: 64px; }
    .squeak-standard-page-inner { width: min(88%, 1180px); }
    .squeak-standard-page-header { margin-bottom: 38px; }
    .squeak-standard-content { font-size: 16px; }
}

/* ==================================================
   v0.18.0 – COMPLIANZ / JURIDISCHE CONTENT
   Complianz gebruikt eigen lichte tabel- en accordionkleuren.
   Binnen de donkere Squeak-template maken we die expliciet leesbaar.
================================================== */
.page-template-page-squeak-standard .cmplz-document,
.page-template-page-squeak-standard .cmplz-document p,
.page-template-page-squeak-standard .cmplz-document li,
.page-template-page-squeak-standard .cmplz-document td,
.page-template-page-squeak-standard .cmplz-document th,
.page-template-page-squeak-standard .cmplz-document span {
    color: #e8e6e1;
}

.page-template-page-squeak-standard .cmplz-document h2,
.page-template-page-squeak-standard .cmplz-document h3,
.page-template-page-squeak-standard .cmplz-document h4,
.page-template-page-squeak-standard .cmplz-document h5,
.page-template-page-squeak-standard .cmplz-document strong {
    color: #fff;
}

.page-template-page-squeak-standard .cmplz-document a {
    color: var(--sq-red) !important;
}

.page-template-page-squeak-standard .cmplz-document table,
.page-template-page-squeak-standard .cmplz-document table tbody,
.page-template-page-squeak-standard .cmplz-document table tr,
.page-template-page-squeak-standard .cmplz-document table td,
.page-template-page-squeak-standard .cmplz-document table th {
    border-color: rgba(255,255,255,.16) !important;
}

.page-template-page-squeak-standard .cmplz-document table td,
.page-template-page-squeak-standard .cmplz-document table th {
    background: #171a1c !important;
    color: #f2efe8 !important;
}

.page-template-page-squeak-standard .cmplz-document table th {
    background: #24282b !important;
    font-weight: 700;
}

/* Cookie-overzicht / uitklapblokken */
.page-template-page-squeak-standard .cmplz-document .cmplz-dropdown,
.page-template-page-squeak-standard .cmplz-document .cmplz-service-header,
.page-template-page-squeak-standard .cmplz-document .cmplz-category-header,
.page-template-page-squeak-standard .cmplz-document summary {
    background: #24282b !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.16) !important;
}

.page-template-page-squeak-standard .cmplz-document .cmplz-description,
.page-template-page-squeak-standard .cmplz-document .cmplz-service-desc,
.page-template-page-squeak-standard .cmplz-document .cmplz-category,
.page-template-page-squeak-standard .cmplz-document details > div {
    background: #171a1c !important;
    color: #e8e6e1 !important;
}

/* Complianz kan inline grijs/wit zetten; in tabellen primeert leesbaarheid. */
.page-template-page-squeak-standard .cmplz-document table * {
    color: #f2efe8 !important;
}
.page-template-page-squeak-standard .cmplz-document table a {
    color: var(--sq-red) !important;
}