.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS *//* Legal Page — Diggiehippie® | documenttypografie, alleen binnen #legal-body (privacyverklaring, cookiebeleid, algemene voorwaarden).
   De inhoud blijft van WordPress / Complianz; hier enkel presentatie. Complianz-structuur (dropdowns, toggles, grids) blijft intact. */

/* ---------- Basis ---------- */
#legal-body .elementor-widget-theme-post-content{font-family:var(--font-body);font-size:1.0625rem;line-height:1.75;color:var(--foreground);overflow-wrap:break-word;}
#legal-body #cmplz-document{max-width:none;margin:0;font-size:inherit;}
#legal-body :is(p,li,td,th,dd,dt){font-size:inherit;line-height:inherit;}
#legal-body :is(p,ul,ol,table,figure,blockquote){margin:0 0 1.25rem;}
#legal-body strong{font-weight:700;}

/* ---------- Koppen ---------- */
#legal-body :is(h2,h3,h4,h5,h6){font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:0;text-align:left;text-transform:none;color:var(--foreground);border:0;padding:0;}
#legal-body h2, #legal-body #cmplz-document h2{font-size:1.625rem;margin:3rem 0 1rem;}
#legal-body h3, #legal-body #cmplz-document h3{font-size:1.25rem;margin:2.25rem 0 0.75rem;}
#legal-body :is(h4,h5,h6), #legal-body #cmplz-document :is(h4,h5){font-size:1.0625rem;margin:1.75rem 0 0.5rem;}
#legal-body .elementor-widget-theme-post-content > :first-child, #legal-body #cmplz-document > :first-child, #legal-body .product > :first-child{margin-top:0;}

/* ---------- Lijsten ---------- */
#legal-body :is(ul,ol){padding-left:1.25rem;}
#legal-body li{margin:0 0 0.5rem;padding-left:0.25rem;}
#legal-body li::marker{font-weight:600;color:var(--foreground);}

/* ---------- Links: herkenbaar, lange URL's en e-mailadressen breken af ---------- */
#legal-body a{color:var(--foreground);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px;overflow-wrap:anywhere;}
#legal-body a:hover{background-color:var(--accent);}
#legal-body #cmplz-document a:focus{border:0;padding:0;}
#legal-body :is(a,summary,button,input,select):focus-visible{outline:2px solid var(--foreground);outline-offset:4px;}

/* ---------- Tabellen: lokale horizontale scroll i.p.v. pagina-scroll ---------- */
#legal-body table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:0.9375rem;}
#legal-body :is(th,td){padding:0.75rem 1rem 0.75rem 0;border:0;border-top:1px solid var(--border);text-align:left;vertical-align:top;}
#legal-body thead th{border-top:0;border-bottom:1px solid var(--foreground);font-weight:600;}

/* ---------- Complianz: diensten / cookies (dropdowns) ---------- */
#legal-body #cmplz-document .cmplz-dropdown{margin:0;background:transparent;border-top:1px solid var(--border);}
#legal-body #cmplz-document .cmplz-dropdown:last-of-type{border-bottom:1px solid var(--border);}
#legal-body #cmplz-document .cmplz-dropdown summary{margin:0;padding:1rem 0;background:transparent;}
#legal-body #cmplz-document .cmplz-dropdown summary h3{margin:0;padding:0;font-size:1.125rem;}
#legal-body #cmplz-document .cmplz-dropdown summary p{font-size:0.8125rem;color:var(--muted-text);}
#legal-body #cmplz-document .cmplz-dropdown[open] > :not(summary){padding-bottom:1.25rem;}
#legal-body #cmplz-document .cmplz-dropdown :is(p,a,h4){font-size:0.9375rem;}
#legal-body #cmplz-document .cmplz-dropdown h4{margin:1rem 0 0.25rem;}
#legal-body #cmplz-document .cmplz-dropdown .cookies-per-purpose{border-color:var(--border);background-color:var(--border);}
#legal-body #cmplz-document .cmplz-dropdown .cookies-per-purpose div{min-width:0;padding:0.75rem;font-size:0.875rem;overflow-wrap:anywhere;}

/* ---------- Complianz: toestemming beheren (categorieën) ---------- */
#legal-body #cmplz-manage-consent-container{margin:1.5rem 0 2rem;}
#legal-body #cmplz-manage-consent-container .cmplz-categories .cmplz-category{margin:0;background:transparent;border-top:1px solid var(--border);}
#legal-body #cmplz-manage-consent-container .cmplz-categories .cmplz-category:last-child{border-bottom:1px solid var(--border);}
#legal-body #cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header{padding:0.75rem 0;background:transparent;}
#legal-body #cmplz-manage-consent-container .cmplz-category-title{font-family:var(--font-display);font-weight:600;font-size:1.0625rem;}
#legal-body #cmplz-manage-consent-container .cmplz-description{font-size:0.9375rem;line-height:1.7;}

/* ---------- Algemene voorwaarden: artikeltitels zijn vetgedrukte alinea's (inhoud ongewijzigd); enkel extra ruimte tussen hoofdstukken ---------- */
#legal-body .product > p:has(> strong:only-child):not(:first-child){margin-top:2.75rem;}
#legal-body .product > p:has(> strong:only-child){margin-bottom:0.75rem;letter-spacing:0.02em;}

/* Doel van de Cookievoorkeuren-knop op het cookiebeleid (WPCode 4396): kop niet tegen de schermrand */
#legal-body #cmplz-document :is(h2,h3){scroll-margin-top:1.5rem;}

/* ---------- Complianz gegevensaanvraagformulier (privacyverklaring) ---------- */
#legal-body #cmplz-datarequest-form{display:flex;flex-direction:column;gap:1.25rem;max-width:34rem;margin:1.5rem 0 2.5rem;}
#legal-body #cmplz-datarequest-form .cmplz-first-name{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}
#legal-body #cmplz-datarequest-form > div:not(.cmplz_datarequest) > label[for]{display:block;margin:0 0 0.5rem;font-size:0.875rem;font-weight:600;line-height:1.4;color:var(--foreground);}
#legal-body #cmplz-datarequest-form input[type=text],#legal-body #cmplz-datarequest-form input[type=email]{box-sizing:border-box;width:100%;height:3.25rem;margin:0;padding:0 1rem;border:1px solid var(--border);border-radius:0;box-shadow:none;background-color:var(--background);font-family:var(--font-body);font-size:1rem;line-height:1.4;color:var(--foreground);}
#legal-body #cmplz-datarequest-form input[type=text]:focus,#legal-body #cmplz-datarequest-form input[type=email]:focus{border-color:var(--foreground);outline:none;}
#legal-body #cmplz-datarequest-form input[type=text]:focus-visible,#legal-body #cmplz-datarequest-form input[type=email]:focus-visible{outline:2px solid var(--foreground);outline-offset:2px;}
#legal-body #cmplz-datarequest-form .cmplz_datarequest label{display:flex;align-items:flex-start;gap:0.75rem;margin:0;font-size:0.9375rem;font-weight:500;line-height:1.5;color:var(--foreground);cursor:pointer;}
#legal-body #cmplz-datarequest-form input[type=checkbox]{flex:0 0 auto;width:1.125rem;height:1.125rem;margin:0.2rem 0 0;border-radius:0;accent-color:var(--foreground);}
#legal-body #cmplz-datarequest-form input[type=checkbox]:focus-visible{outline:2px solid var(--foreground);outline-offset:3px;}
#legal-body #cmplz-datarequest-form #cmplz-datarequest-submit{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;margin:0.5rem 0 0;padding:0 1.75rem;border:0;border-radius:0;box-shadow:none;background-color:var(--foreground);color:var(--background);font-family:var(--font-body);font-size:0.8rem;font-weight:600;letter-spacing:0.08em;line-height:1;text-transform:uppercase;cursor:pointer;transition:background-color 0.15s ease,color 0.15s ease;}
#legal-body #cmplz-datarequest-form #cmplz-datarequest-submit:hover{background-color:var(--accent);color:var(--foreground);}
#legal-body #cmplz-datarequest-form #cmplz-datarequest-submit:focus-visible{outline:2px solid var(--foreground);outline-offset:4px;}
#legal-body #cmplz-datarequest-form .cmplz-alert{margin:0;padding:0.875rem 1rem;border-left:3px solid var(--accent);background:var(--muted-surface);color:var(--foreground);font-size:0.9375rem;}

/* ---------- Mobiel ---------- */
@media (max-width:767px){
  #legal-body #cmplz-datarequest-form{max-width:none;}
  #legal-body #cmplz-datarequest-form #cmplz-datarequest-submit{align-self:stretch;}
  #legal-body .elementor-widget-theme-post-content{font-size:1rem;}
  #legal-body h2, #legal-body #cmplz-document h2{font-size:1.375rem;margin-top:2.5rem;}
  #legal-body h3, #legal-body #cmplz-document h3{font-size:1.1875rem;}
}/* End custom CSS */