/* WWC inloggen (#210, 12-11-2026; module aanmelden, 80-inloggen.php). Voor alle gasten, met en zonder site_v2.
   Eén rustige kaart voor de inlogpagina's: kop, voor wie, keuze inlogcode of wachtwoord (één formulier en één hoofdknop
   tegelijk), en ernaast (telefoon: eronder) wat het portaal is, hulp en "Nog geen klant?". Ook wachtwoord vergeten/kiezen en
   Jouw producten voor gasten (landingspagina van de mailing).
   ZELFSTANDIG: werkt ook in het oude thema, zonder wwc-tokens.css en site-schil.css. Eigen kleuren en maten hieronder (--in-*),
   met de tokens van v2 als bron (dan volgt de kaart de kleurvariant, bv. "eigen": karamel = gekozen). Selectors beginnen met
   body.wwc-inlog (body-klasse van deze module, in v1 en v2). Tikvlakken 48 px, velden 48 px, tekst in velden 16 px (geen
   zoom op iOS). Thema, Profile Builder (form-style-1) en Magic Login zetten regels met ID's en !important: waar nodig
   krijgen onze regels extra gewicht met :not(#wwc-a) (geen echte ID). */
.wwc-in{
  --in-ink:var(--wwc-ink,#2B1A0A);--in-mute:var(--wwc-mute,#6B5A48);--in-ln:var(--wwc-ln,#E2D7C6);--in-ln2:var(--wwc-ln2,#EFE7DB);
  --in-ctl:var(--wwc-ctl,#9C8670);--in-br:var(--wwc-br,#7A4A10);--in-br-d:var(--wwc-br-d,#5F390C);--in-cr:var(--wwc-cr,#FBF3E8);
  --in-ok:var(--wwc-ok,#1D6B35);--in-ok-s:var(--wwc-ok-s,#E6F2EA);--in-err:var(--wwc-err,#A3311C);--in-err-s:var(--wwc-err-s,#FBEAE5);
  --in-r:var(--wwc-r,14px);--in-r-s:var(--wwc-r-s,10px);--in-sh-btn:0 1px 2px rgba(43,26,10,.10);
  --in-keuze-bg:var(--wwc-keuze-bg,#B58150);--in-keuze-tekst:var(--wwc-keuze-tekst,#2B1A0A);--in-ic:var(--wwc-accent-ic,#8C5C30);
  --in-focus:0 0 0 3px #fff,0 0 0 5px var(--in-br);--in-gutter:var(--wwc-gutter,16px);
}

/* == 1. pagina == */
body.wwc-inlog .my-account-header{display:none} /* sjabloon Mijn account: onzichtbare h1 "Mijn account" (2 px, wit); de kaart heeft de h1 */
body.wwc-inlog .page-wrapper.my-account{padding-top:0}
body.wwc-inlog #content.content-area{padding-top:0}
.wwc-in{box-sizing:border-box;max-width:1000px;margin:0 auto;padding:16px var(--in-gutter) 40px;color:var(--in-ink);font-size:16px;line-height:1.5}
.container .wwc-in{padding-left:0;padding-right:0} /* Mijn account: de .container geeft de zijmarge al */
.wwc-in *,.wwc-in *::before,.wwc-in *::after{box-sizing:border-box}
.wwc-in__raster{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
@media (min-width:600px){.wwc-in{padding-top:32px;padding-bottom:56px}}
@media (min-width:600px) and (max-width:899px){.wwc-in__raster{max-width:560px;margin:0 auto}} /* tablet: kaart en uitleg gecentreerd, niet van rand tot rand */
@media (min-width:900px){
  .wwc-in{padding-top:48px}
  .wwc-in__raster{grid-template-columns:minmax(0,480px) minmax(0,360px);justify-content:center;align-items:start;gap:64px}
}

/* == 2. kaart == */
.wwc-in__kaart{position:relative;min-width:0}
@media (min-width:600px){
  .wwc-in__kaart{padding:32px;border:1px solid var(--in-ln);border-radius:16px;background:#fff}
}
body.wwc-inlog .wwc-in .wwc-in__kop{width:auto;margin:0 0 4px!important;padding:0;color:var(--in-ink)!important;font-size:clamp(26px,1vw + 22px,32px)!important;font-weight:800;line-height:1.2!important;letter-spacing:-.01em;text-transform:none}
.wwc-in__sub{margin:0 0 20px!important;color:var(--in-mute);font-size:15.5px;line-height:1.5;text-wrap:pretty}
@media (min-width:600px){.wwc-in__sub{text-wrap:balance}}

/* == 3. keuze: Met inlogcode | Met wachtwoord (zelfde soort keuzeknop als in de catalogus) ==
   Zonder JavaScript staat de keuze verborgen en staan beide formulieren onder elkaar. */
.wwc-in__wissel{display:none}
.wwc-in--js .wwc-in__wissel{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:0 0 20px;padding:2px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--in-ctl)}
body.wwc-inlog .wwc-in .wwc-in__tab{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:48px;min-height:48px;margin:0;padding:0 8px;border:0;border-radius:12px!important;background:none;box-shadow:none;color:var(--in-mute);font-size:15.5px;font-weight:700;line-height:1.2;letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;transition:background-color .15s,color .15s}
body.wwc-inlog .wwc-in .wwc-in__tab:hover{background:var(--in-cr);color:var(--in-ink)}
body.wwc-inlog .wwc-in[data-wijze=code] .wwc-in__tab[data-wijze=code],
body.wwc-inlog .wwc-in[data-wijze=wachtwoord] .wwc-in__tab[data-wijze=wachtwoord]{background:var(--in-keuze-bg);box-shadow:inset 0 0 0 3px #fff,var(--wwc-keuze-rand,0 0 0 transparent);color:var(--in-keuze-tekst)}
body.wwc-inlog .wwc-in .wwc-in__tab:focus{outline:none}
body.wwc-inlog .wwc-in .wwc-in__tab:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #fff,0 0 0 2px var(--in-br)}

/* == 4. panelen == */
.wwc-in--js[data-wijze=code] .wwc-in__paneel--ww,
.wwc-in--js[data-wijze=wachtwoord] .wwc-in__paneel--code{display:none}
body.wwc-inlog .wwc-in .wwc-in__paneelkop{width:auto;margin:0 0 12px;color:var(--in-ink);font-size:18px;line-height:1.3;font-weight:700}
.wwc-in--js .wwc-in__paneelkop{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} /* het tabblad is het label */
.wwc-in:not(.wwc-in--js) .wwc-in__paneel--ww{margin-top:32px;padding-top:24px;border-top:1px solid var(--in-ln2)}
.wwc-in__hint{margin:12px 0 0!important;color:var(--in-mute);font-size:14.5px;line-height:1.5}

/* == 5. velden en knoppen (Magic Login, Profile Builder, WooCommerce) == */
body.wwc-inlog .wwc-in :is(#magic-login-shortcode,#wppb-form-style-1-wrapper,#wppb-login-wrap,.woocommerce){width:auto!important;max-width:none!important;margin:0!important;padding:0!important;float:none}
body.wwc-inlog .wwc-in .woocommerce>h2,body.wwc-inlog .wwc-in .woocommerce-notices-wrapper:empty,.wwc-in p:empty{display:none}
body.wwc-inlog .wwc-in form{margin:0}
body.wwc-inlog .wwc-in form p{margin:0}
/* Labels boven het veld. Profile Builder (form-style-1, "label-inside") zet ze als zwevende tekst ín het veld, met ID-selectors
   en een kleurwissel bij focus: daarom hier twee keer :not(#…) voor genoeg gewicht (geen echte ID's). */
body.wwc-inlog .wwc-in:not(#wwc-a):not(#wwc-b) form label:not(.wppb-epaa-switch){position:static!important;top:auto!important;left:auto!important;display:block!important;width:auto!important;height:auto!important;margin:0 0 6px!important;padding:0!important;float:none;visibility:visible;text-indent:0!important;opacity:1;color:var(--in-ink)!important;font-size:15px!important;font-weight:700!important;line-height:1.3!important;pointer-events:auto}
body.wwc-inlog .wwc-in:not(#wwc-a):not(#wwc-b) form .login-remember label{display:inline!important;margin:0!important;font-weight:400!important}
body.wwc-inlog .wwc-in label .required{display:none} /* alle velden zijn nodig: geen sterretje */
body.wwc-inlog .wwc-in:not(#wwc-a) :is(input[type=email],input[type=text],input[type=password]){display:block;width:100%!important;max-width:100%;height:48px!important;min-height:48px;margin:0!important;padding:0 14px!important;border:1.5px solid var(--in-ctl)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;color:var(--in-ink);font-size:16px!important;line-height:1.3;transition:border-color .15s,box-shadow .15s}
body.wwc-inlog .wwc-in:not(#wwc-a) :is(input[type=email],input[type=text],input[type=password]):hover{border-color:var(--in-br)!important}
body.wwc-inlog .wwc-in:not(#wwc-a) :is(input[type=email],input[type=text],input[type=password]):focus{border-color:var(--in-br)!important;box-shadow:0 0 0 3px rgba(122,74,16,.18)!important;outline:none}
body.wwc-inlog .wwc-in:not(#wwc-a) :is(input[type=email],input[type=text],input[type=password])[aria-invalid=true]{border-color:var(--in-err)!important}
body.wwc-inlog .wwc-in input::placeholder{color:transparent} /* het label staat er al boven */
/* inlogcode: groot en met wat lucht tussen de tekens, makkelijk over te nemen */
body.wwc-inlog .wwc-in #magic_login_token{font-size:20px!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums}
/* robotvinkje van Magic Login (304 × 78; front-end-opt houdt de plek al vrij) */
body.wwc-inlog .wwc-in .magic-login-captcha-wrapper{display:flex;justify-content:center;margin:12px 0 0;min-height:78px}
body.wwc-inlog .wwc-in .magic-login-captcha-wrapper .g-recaptcha{max-width:100%}
/* kleine telefoons (< 360 px): smallere zijmarge, zodat het vinkje van Google (304 px, vaste maat) niet breder is dan het veld */
@media (max-width:359px){.wwc-in{--in-gutter:8px}body.wwc-inlog .container .wwc-in{margin-left:-7px;margin-right:-7px}}
/* hoofdknop: merkbruin, de hele breedte */
body.wwc-inlog .wwc-in :is(.magic-login-submit,.magic-login-code-submit,#wppb-submit,#wppb-recover-password-button,.woocommerce-ResetPassword .button,.wwc-in__knop1){display:flex;align-items:center;justify-content:center;width:100%!important;min-height:48px;height:auto;margin:16px 0 0!important;padding:12px 20px!important;border:0!important;border-radius:var(--in-r)!important;background:var(--in-br)!important;box-shadow:var(--in-sh-btn)!important;color:#fff!important;font-size:16px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:0!important;text-align:center;text-decoration:none!important;text-transform:none!important;white-space:normal;cursor:pointer;opacity:1}
body.wwc-inlog .wwc-in :is(.magic-login-submit,.magic-login-code-submit,#wppb-submit,#wppb-recover-password-button,.woocommerce-ResetPassword .button,.wwc-in__knop1):hover{background:var(--in-br-d)!important}
body.wwc-inlog .wwc-in :is(.magic-login-submit,.magic-login-code-submit,#wppb-submit,#wppb-recover-password-button,.woocommerce-ResetPassword .button,.wwc-in__knop1):focus-visible{outline:none;box-shadow:var(--in-focus)!important}
/* "Nieuwe code aanvragen": een rustige link onder de knop, geen tweede grote knop */
body.wwc-inlog .wwc-in .magic-login-code-cancel{display:inline-flex!important;align-items:center;width:auto!important;min-height:48px;margin:4px 0 0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--in-br)!important;font-size:15px!important;font-weight:700;text-decoration:underline!important;text-underline-offset:.18em;text-transform:none!important;letter-spacing:0}
body.wwc-inlog .wwc-in #magiclogincodeform p.submit{display:flex;flex-direction:column;align-items:flex-start}
/* wachtwoordformulier (Profile Builder) */
body.wwc-inlog .wwc-in #wppb-loginform .wppb-form-field{margin:0 0 16px!important;padding:0;width:100%;float:none}
body.wwc-inlog .wwc-in #wppb-loginform .login-remember{display:flex;align-items:center;gap:10px;min-height:48px;margin:0!important}
body.wwc-inlog .wwc-in #wppb-loginform .login-remember label{margin:0!important;font-weight:400;cursor:pointer}
body.wwc-inlog .wwc-in #wppb-loginform .login-remember input[type=checkbox]{width:22px;height:22px;margin:0;accent-color:var(--in-br)}
body.wwc-inlog .wwc-in:not(#wwc-a) :is(.login-submit,.form-submit){margin:0!important;padding:0!important;border:0!important} /* PB form-style-1: lijn en 30 px eronder */
body.wwc-inlog .wwc-in:not(#wwc-a) :is(form.lost_reset_password,form.woocommerce-ResetPassword){margin:0!important;padding:0!important;border:0!important}
body.wwc-inlog .wwc-in #wppb-loginform #wppb-submit{margin-top:8px!important}
body.wwc-inlog .wwc-in:not(#wwc-a) .wppb-password-field-container{position:relative;display:block}
body.wwc-inlog .wwc-in:not(#wwc-a) .wppb-password-field-container input{padding-right:52px!important}
body.wwc-inlog .wwc-in:not(#wwc-a):not(#wwc-b) .wppb-toggle-pw{position:absolute!important;top:50%!important;right:2px!important;display:flex;align-items:center;justify-content:center;width:48px!important;height:44px!important;min-height:0;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:none!important;box-shadow:none!important;transform:translateY(-50%)!important}
body.wwc-inlog .wwc-in:not(#wwc-a):not(#wwc-b) .wppb-toggle-pw:hover{background:var(--in-cr)!important}
body.wwc-inlog .wwc-in .wppb-toggle-pw:focus-visible{outline:2px solid var(--in-br);outline-offset:-2px}
body.wwc-inlog .wwc-in:not(#wwc-a) .wppb-toggle-pw img{width:20px;height:20px;opacity:.8}
body.wwc-inlog .wwc-in .login-register-lost-password{margin:4px 0 0!important;padding:0;border:0}
body.wwc-inlog .wwc-in .login-register-lost-password a,
body.wwc-inlog .wwc-in .wwc-in__terug>a{display:inline-flex;align-items:center;gap:4px;min-height:48px;color:var(--in-br)!important;font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:.18em}
/* herstelformulieren: lijsten van Profile Builder en de halve rijen van WooCommerce/Flatsome gewoon onder elkaar */
body.wwc-inlog .wwc-in .wppb-user-forms ul{margin:0!important;padding:0!important;list-style:none}
body.wwc-inlog .wwc-in .wppb-user-forms li{width:100%!important;margin:0 0 16px!important;padding:0!important;float:none!important}
body.wwc-inlog .wwc-in .wppb-user-forms li::before{display:none}
body.wwc-inlog .wwc-in .wppb-description-delimiter{display:block;margin:6px 0 0;color:var(--in-mute);font-size:14px;font-style:normal!important;line-height:1.45}
body.wwc-inlog .wwc-in :is(.form-row-first,.form-row-last,.form-row){float:none!important;width:100%!important;margin:0 0 16px!important;padding:0!important}
body.wwc-inlog .wwc-in .woocommerce-ResetPassword .form-row:last-of-type{margin-bottom:0!important}
body.wwc-inlog .wwc-in .clear{display:none}
body.wwc-inlog .wwc-in:not(#wwc-a) :is(#pass-strength-result,.woocommerce-password-strength){margin:8px 0 0;padding:6px 10px;border:0;border-radius:8px;font-size:14px;font-style:normal;font-weight:700;text-align:left}
body.wwc-inlog .wwc-in .woocommerce-password-hint{display:block;margin:6px 0 0;color:var(--in-mute);font-size:14px}

/* == 6. meldingen: rood = fout, groen = gelukt, crème = uitleg ==
   Magic Login en Profile Builder kregen van de thema-CSS, de schil en form-style-1 (kader met "FOUT!" en pictogram) elk een
   eigen kader met ID-selectors; hier één stijl, met twee keer :not(#…) voor genoeg gewicht. Geen ID in :is(), anders wint de
   algemene regel van de kleur. Meldingen van WooCommerce houden de stijl van de schil (.message-container, overal gelijk). */
body.wwc-inlog .wwc-in:not(#wwc-a):not(#wwc-b) :is(.message,.wppb-error,.wppb-success,.wppb-warning),body.wwc-inlog .wwc-in:not(#wwc-a):not(#wwc-b) #login_error{position:static;display:block;margin:0 0 16px!important;padding:12px 14px!important;border:1px solid var(--in-ln)!important;border-left-width:4px!important;border-radius:var(--in-r-s)!important;background:var(--in-cr)!important;box-shadow:none!important;color:var(--in-ink)!important;font-size:15px!important;font-style:normal!important;font-weight:400!important;line-height:1.5!important;text-align:left}
body.wwc-inlog .wwc-in:not(#wwc-a):not(#wwc-b) .wppb-error,body.wwc-inlog .wwc-in:not(#wwc-a):not(#wwc-b) #login_error{border-color:#E9C3BA!important;border-left-color:var(--in-err)!important;background:var(--in-err-s)!important}
body.wwc-inlog .wwc-in:not(#wwc-a):not(#wwc-b) :is(.magic_login_block_login_success,.wppb-success){border-color:#BFDCC8!important;border-left-color:var(--in-ok)!important;background:var(--in-ok-s)!important}
body.wwc-inlog .wwc-in:not(#wwc-a):not(#wwc-b) .wppb-warning{border-color:#EAD6A8!important;border-left-color:#B07A12!important;background:#FFF6E0!important}
body.wwc-inlog .wwc-in:not(#wwc-a):not(#wwc-b) :is(.message,.wppb-error,.wppb-success,.wppb-warning) a,body.wwc-inlog .wwc-in:not(#wwc-a):not(#wwc-b) #login_error a{color:var(--in-br)!important;font-weight:700;text-decoration:underline;text-underline-offset:.18em;background:none!important}
body.wwc-inlog .wwc-in :is(#login_error,.message) strong{display:inline;font-weight:700}
body.wwc-inlog .wwc-in .wppb-alert-title{display:none!important} /* "FOUT!" met pictogram van Profile Builder: de kleur zegt het al */
body.wwc-inlog .wwc-in :is(.wppb-error,.wppb-success,.wppb-warning) strong:empty{display:none}
body.wwc-inlog .wwc-in .message-wrapper{margin:0 0 16px}
body.wwc-inlog .wwc-in .message-wrapper .message-container.container{max-width:none}
/* de kop zegt het al: geen tweede melding met dezelfde woorden */
body.wwc-inlog .wwc-in--verstuurd .woocommerce-message,
body.wwc-inlog .wwc-in--klaar .wwc-in__herstel .wppb-success,
body.wwc-inlog .wwc-in--verlopen .wwc-in__herstel .wppb-error{display:none!important}
/* fout bij een veld (inloggen.js), zelfde als het aanmeldformulier */
.wwc-in__fout{display:flex;gap:6px;margin:6px 0 0!important;color:var(--in-err);font-size:14.5px;font-weight:700;line-height:1.4}
.wwc-in__fout::before{content:"";flex:none;width:16px;height:16px;margin-top:2px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1Zm0 3.2c.5 0 .9.4.9.9v3.4a.9.9 0 1 1-1.8 0V5.1c0-.5.4-.9.9-.9Zm0 7.8a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1Zm0 3.2c.5 0 .9.4.9.9v3.4a.9.9 0 1 1-1.8 0V5.1c0-.5.4-.9.9-.9Zm0 7.8a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z'/%3E%3C/svg%3E") center/contain no-repeat}

/* == 7. naast de kaart: wat het portaal is, hulp, en "Nog geen klant?" == */
.wwc-in__info{min-width:0;color:var(--in-ink)}
@media (max-width:899px){.wwc-in__info{padding-top:28px;border-top:1px solid var(--in-ln2)}}
@media (min-width:900px){.wwc-in__info{padding-top:32px}}
body.wwc-inlog .wwc-in .wwc-in__infokop,
body.wwc-inlog .wwc-in .wwc-in__nieuwkop{width:auto;margin:0 0 12px!important;padding:0;color:var(--in-ink)!important;font-size:19px!important;font-weight:700;line-height:1.3!important;text-transform:none}
.wwc-in__punten{margin:0 0 28px!important;padding:0!important;list-style:none}
body.wwc-inlog .wwc-in .wwc-in__punten li{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px!important;padding:0;font-size:15.5px;line-height:1.5;list-style:none}
.wwc-in__punten li:last-child{margin-bottom:0!important}
.wwc-in__ico{flex:none;width:22px;height:22px;margin-top:1px;color:var(--in-ic)}
.wwc-in__punten a{padding:15px 0;color:var(--in-br)!important;font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:.18em} /* tikvlak 48 px hoog zonder dat de regel hoger wordt */
.wwc-in__nieuw{padding-top:24px;border-top:1px solid var(--in-ln2)}
.wwc-in__nieuw p{margin:0 0 16px!important;color:var(--in-mute);font-size:15.5px;line-height:1.5}
body.wwc-inlog .wwc-in .wwc-in__knop2{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;padding:12px 20px;border:1.5px solid var(--in-br);border-radius:var(--in-r);background:#fff;color:var(--in-br)!important;font-size:16px;font-weight:700;line-height:1.25;text-align:center;text-decoration:none!important;transition:background-color .15s}
body.wwc-inlog .wwc-in .wwc-in__knop2:hover{background:var(--in-cr)}
body.wwc-inlog .wwc-in .wwc-in__knop2:focus-visible{outline:none;box-shadow:var(--in-focus)}
@media (min-width:600px){body.wwc-inlog .wwc-in .wwc-in__knop2{width:auto;display:inline-flex}}
body.wwc-inlog .wwc-in .wwc-in__klein{margin:8px 0 0!important;color:var(--in-mute);font-size:14.5px;line-height:1.5}
.wwc-in__klein a{display:inline-flex;align-items:center;min-height:48px;color:var(--in-br)!important;font-weight:700;text-decoration:underline;text-underline-offset:.18em;vertical-align:middle}

/* == 8. wachtwoord vergeten / kiezen: één smalle kaart in het midden == */
.wwc-in--herstel{max-width:560px}
.wwc-in__herstel{margin:0}
.wwc-in__knoprij{margin:0!important}
.wwc-in__terug{display:flex;flex-direction:column;align-items:flex-start;margin:16px 0 0;padding-top:8px;border-top:1px solid var(--in-ln2)}
body.wwc-inlog .wwc-in .wwc-in__terug .wwc-in__klein{margin:4px 0 0!important}
.wwc-in__terug:empty{display:none}
.wwc-in__terug .wwc-in__ico{width:18px;height:18px;margin:0;color:currentColor}
/* "Check je mail": de uitleg als gewone tekst onder de kop (Profile Builder en WooCommerce gelijk) */
body.wwc-inlog .wwc-in--verstuurd:not(#wwc-a):not(#wwc-b) .wwc-in__herstel .wppb-success{margin:0 0 8px!important;padding:0!important;border:0!important;background:none!important;color:var(--in-ink)!important;font-size:16px!important}
body.wwc-inlog .wwc-in--verstuurd .wwc-in__herstel .woocommerce>p{margin:0 0 8px}

/* == 9. onder de kaart: geen losse banden ==
   De footer heeft een catalogusband ("Ontdek Inspiratiecatalogus", foto rechts verticaal gecentreerd: steekt in het oude thema
   omhoog tot in de kaart) en voor gasten "Ben je klaar…". Op een inlogpagina is de kaart de afsluiting (v2 doet dit met
   wwc-heeft-slot in site-paginas.css; dit is hetzelfde voor het oude thema). */
body.wwc-inlog #footer :is(.wwc-sec-catalogus,.wwc-sec-cta--gast){display:none!important}

/* == 10. cookiemelding op een inlogpagina (telefoon): kleiner, zodat hij het formulier niet bedekt ==
   Accepteren en Weigeren blijven even groot en meteen bereikbaar; de tekst op één regel, de links (voorkeuren,
   privacybeleid) komen terug onder "Meer lezen". Na een keuze is hij weg (Complianz). */
@media (max-width:768px){
  body.wwc-inlog .cmplz-cookiebanner:not(.wwc-cmplz-open) .cmplz-message{-webkit-line-clamp:1;line-clamp:1}
  body.wwc-inlog .cmplz-cookiebanner:not(.wwc-cmplz-open):not(.cmplz-categories-visible) :is(.cmplz-links,.cmplz-btn.cmplz-view-preferences,.cmplz-btn.cmplz-manage-options){display:none!important}
  body.wwc-inlog .cmplz-cookiebanner:not(.wwc-cmplz-open):not(.cmplz-categories-visible){padding-bottom:12px!important}
}
/* zonder v2 (oud thema: de standaardmelding van Complianz, 338 px hoog op een telefoon): zonder logo, iets kleinere tekst en
   Accepteren en Weigeren naast elkaar (even groot), zo'n 90 px lager. De tekst blijft helemaal staan. */
@media (max-width:768px){
  body.wwc-inlog:not(.wwc-v2) .cmplz-cookiebanner .cmplz-logo{display:none}
  body.wwc-inlog:not(.wwc-v2) .cmplz-cookiebanner .cmplz-message{font-size:13px;line-height:1.45}
  body.wwc-inlog:not(.wwc-v2) .cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-buttons{flex-direction:row;gap:8px}
  body.wwc-inlog:not(.wwc-v2) .cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-buttons .cmplz-btn:is(.cmplz-accept,.cmplz-deny){flex:1 1 0;width:auto;margin:0}
}