/*
Theme Name:     WTW FilterSets
Theme URI:      https://wtwfiltersets.nl
Author:         L'Comp Automatiseringen
Description:    Premium WooCommerce thema voor WTW FilterSets
Version:        1.0.0
Requires at least: 6.0
Requires PHP:   8.0
License:        Private
Text Domain:    wtwfiltersets
*/

:root {
  --teal:        #006D77;
  --teal-light:  #0A8C97;
  --teal-dark:   #004E57;
  --navy:        #1A2E44;
  --orange:      #FF6B35;
  --orange-hover:#E55A2B;
  --mint:        #E8F8F5;
  --mint-mid:    #C8EEE8;
  --white:       #FFFFFF;
  --off-white:   #F8FAFB;
  --charcoal:    #2C3E50;
  --mid-grey:    #64748B;
  --light-grey:  #E2E8F0;
  --success:     #10B981;
  --section-pad: 80px;
  --card-radius: 12px;
  --btn-radius:  6px;
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
  --shadow-md:   0 4px 16px rgba(0,109,119,0.12);
  --shadow-lg:   0 10px 40px rgba(0,109,119,0.18);
  --shadow-hover:0 8px 32px rgba(0,109,119,0.22);
  --transition:  all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Redlelie 2026-11-02: leesbare informatiepagina’s, buiten home en checkout. */
body.page:not(.home):not(.woocommerce-page) .page-wrap { min-height:0 !important; padding-top:clamp(28px,4vw,52px) !important; padding-bottom:clamp(40px,5vw,64px) !important; }
body.page:not(.home):not(.woocommerce-page) .entry-content { line-height:1.75; overflow-wrap:break-word; }
body.page:not(.home):not(.woocommerce-page) .entry-content h2 { font-size:clamp(1.3rem,2.5vw,1.8rem); margin:1.8em 0 .65em; line-height:1.3; }
body.page:not(.home):not(.woocommerce-page) .entry-content h3 { margin:1.5em 0 .6em; line-height:1.4; }
body.page:not(.home):not(.woocommerce-page) .entry-content ul, body.page:not(.home):not(.woocommerce-page) .entry-content ol { padding-left:1.4em; margin:0 0 1.25em; }
body.page:not(.home):not(.woocommerce-page) .entry-content li { margin-bottom:.55em; padding-left:.2em; }
body.page:not(.home):not(.woocommerce-page) .entry-content a:not(.btn) { text-decoration:underline; text-underline-offset:3px; }
body.page:not(.home):not(.woocommerce-page) .entry-content a:focus-visible { outline:3px solid #006d77; outline-offset:4px; }
body.page:not(.home):not(.woocommerce-page) .entry-content .btn { justify-content:center; }
body.page:not(.home):not(.woocommerce-page) .entry-content .rl-keuzehulp > div > h2:first-child { margin-top:0; }
@media(max-width:480px) { body.page:not(.home):not(.woocommerce-page) .entry-content .rl-keuzehulp .btn { width:100%; } }