/**
 * Deaup Audit — frontend styles
 * Input styling copied directly from homepage .mw-hero-form
 * All dark-context properties use !important to prevent Kadence overrides
 * Prefix: .daud-
 */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Plus+Jakarta+Sans:wght@300;400;500;600&display=swap');

.daud-wrapper{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#1C1B18;font-size:16px;line-height:1.7;font-weight:300;box-sizing:border-box}
.daud-wrapper *,.daud-wrapper *::before,.daud-wrapper *::after{box-sizing:border-box}

/* ── FORM BOX (glasmorfisme card, exact als homepage) ── */
.daud-form-box{max-width:640px;margin:0 auto;background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:8px;padding:clamp(24px,3.5vw,36px) clamp(24px,4vw,40px) clamp(20px,3vw,28px);backdrop-filter:blur(8px);text-align:left}
.daud-form-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.daud-form-lbl{font-size:10.5px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#C89050}
.daud-form-badge{font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:rgba(220,252,231,.15);color:#86EFAC;padding:3px 10px;border-radius:2px}

/* ── INPUTS: exact als homepage .mw-hero-form input ────── */
.daud-input{
  box-sizing:border-box !important;
  width:100% !important;
  padding:14px 16px !important;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif !important;
  font-size:15px !important;
  font-weight:300 !important;
  color:#FDFCFA !important;
  border:1.5px solid rgba(255,255,255,.12) !important;
  border-radius:5px !important;
  outline:none !important;
  background:rgba(255,255,255,.06) !important;
  transition:border-color .2s,background .2s;
  margin-bottom:10px;
  -webkit-appearance:none;
  appearance:none;
}
.daud-input:focus{
  border-color:#B8722A !important;
  background:rgba(255,255,255,.1) !important;
  color:#FDFCFA !important;
}
.daud-input::placeholder{color:#6A6660 !important}
.daud-input:hover{
  background:rgba(255,255,255,.08) !important;
  color:#FDFCFA !important;
}
/* Chrome/Safari autofill override — NOOIT wit */
.daud-input:-webkit-autofill,
.daud-input:-webkit-autofill:hover,
.daud-input:-webkit-autofill:focus,
.daud-input:-webkit-autofill:active{
  -webkit-box-shadow:0 0 0 1000px rgba(28,27,24,.97) inset !important;
  -webkit-text-fill-color:#FDFCFA !important;
  border-color:rgba(255,255,255,.2) !important;
  transition:background-color 5000s ease-in-out 0s !important;
  caret-color:#FDFCFA !important;
}
.daud-input-url{font-size:16px !important}
.daud-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.daud-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.daud-privacy{display:flex;align-items:flex-start;gap:7px;font-size:11px;color:#6A6660;line-height:1.5;cursor:pointer;flex:1;min-width:170px}
.daud-privacy input[type="checkbox"]{width:auto !important;margin-top:2px;accent-color:#C89050;flex-shrink:0;background:transparent !important}
.daud-privacy a{color:#C89050;text-underline-offset:3px}
.daud-submit{padding:14px 28px;background:#B8722A !important;color:#fff !important;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:600;border:none !important;border-radius:4px;cursor:pointer;transition:all .22s;white-space:nowrap;flex-shrink:0;letter-spacing:.3px}
.daud-submit:hover{background:#9E5E1E !important;transform:translateY(-1px)}
.daud-submit:disabled{background:rgba(122,119,111,.6) !important;cursor:wait}
.daud-hint{font-size:11px;color:#5A5852;text-align:center;margin-top:14px;line-height:1.5}
.daud-fout{background:rgba(254,202,202,.12) !important;border:1px solid rgba(254,202,202,.3) !important;border-radius:4px;padding:10px 14px;font-size:12.5px;color:#FCA5A5 !important;margin-bottom:12px;display:none;line-height:1.5}

/* ── LOADING (donkere context) ─────────────────── */
.daud-loading{display:none;text-align:center;padding:48px 24px;max-width:640px;margin:0 auto;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px}
.daud-spinner{width:44px;height:44px;border:3px solid rgba(238,232,224,.2);border-top-color:#B8722A;border-radius:50%;animation:daud-spin .9s linear infinite;margin:0 auto 20px}
@keyframes daud-spin{to{transform:rotate(360deg)}}
.daud-loading-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.4rem;color:#FDFCFA;margin-bottom:6px}
.daud-loading-sub{font-size:13.5px;color:#A8A49A;margin:0}
.daud-loading-stap{font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:#B8722A;margin-top:16px;min-height:20px;transition:opacity .3s}
.daud-progress{width:100%;max-width:400px;height:3px;background:rgba(238,232,224,.15);border-radius:2px;margin:12px auto 0;overflow:hidden}
.daud-progress-bar{height:100%;background:#B8722A;border-radius:2px;width:0%;transition:width 1.5s ease}

/* ── RESULTATEN (lichte context — onder hero) ──── */
.daud-resultaten{display:none;max-width:780px;margin:0 auto;padding:clamp(40px,5vw,64px) clamp(20px,4vw,48px)}

/* Score hero */
.daud-score-hero{text-align:center;padding:32px 20px;background:#1C1B18;border-radius:8px;margin-bottom:20px}
.daud-score-circle{display:inline-flex;align-items:baseline;gap:2px}
.daud-score-number{font-family:'Cormorant Garamond',Georgia,serif;font-size:4rem;font-weight:600;color:#FDFCFA;line-height:1}
.daud-score-max{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.2rem;color:#6A6660;font-weight:300}
.daud-score-label{font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-top:8px}
.daud-score-hero.score-goed .daud-score-label{color:#4ADE80}
.daud-score-hero.score-matig .daud-score-label{color:#FBBF24}
.daud-score-hero.score-aandacht .daud-score-label{color:#F87171}
.daud-score-bedrijf{font-size:14px;color:#A8A49A;margin-top:6px}

/* Samenvatting */
.daud-samenvatting{background:#F2E8DA;border-left:3px solid #B8722A;padding:18px 22px;border-radius:0 6px 6px 0;margin-bottom:20px}
.daud-sam-item{font-size:14px;line-height:1.75;color:#5A3A1A;margin-bottom:6px}
.daud-sam-item:last-child{margin-bottom:0}
.daud-sam-item strong{color:#1C1B18;font-weight:500}

/* GEO box */
.daud-geo-box{display:none;background:#FDFCFA;border:1px solid #D8D3CB;border-radius:6px;padding:20px 22px;margin-bottom:20px}
.daud-geo-header{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.15rem;font-weight:500;color:#1C1B18;margin-bottom:14px}
.daud-geo-row{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:8px}
.daud-geo-yes{color:#166534;font-weight:700;font-size:16px}
.daud-geo-no{color:#991B1B;font-weight:700;font-size:16px}
.daud-geo-status{color:#7A776F;font-size:13px;margin-left:auto}
.daud-geo-summary{font-size:12.5px;color:#7A776F;line-height:1.6;padding:6px 0 10px 26px;border-bottom:1px solid #EEE8E0;margin-bottom:8px}
.daud-geo-conclusion{font-size:13px;font-weight:500;color:#B8722A;margin-top:12px;padding-top:10px;border-top:1px solid #EEE8E0}

/* PageSpeed */
.daud-pagespeed{display:none;background:#FDFCFA;border:1px solid #D8D3CB;border-radius:6px;padding:20px 22px;margin-bottom:20px}
.daud-ps-header{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.15rem;font-weight:500;color:#1C1B18;margin-bottom:14px}
.daud-ps-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.daud-ps-item{display:flex;align-items:center;gap:10px}
.daud-ps-label{font-size:12.5px;color:#7A776F;min-width:100px}
.daud-ps-bar-wrap{flex:1;height:6px;background:#EEE8E0;border-radius:3px;overflow:hidden}
.daud-ps-bar{height:100%;border-radius:3px;transition:width .6s ease}
.daud-ps-bar.score-goed{background:#4ADE80}
.daud-ps-bar.score-matig{background:#FBBF24}
.daud-ps-bar.score-aandacht{background:#F87171}
.daud-ps-score{font-size:13px;font-weight:600;min-width:28px;text-align:right}
.daud-ps-score.score-goed{color:#166534}
.daud-ps-score.score-matig{color:#92400E}
.daud-ps-score.score-aandacht{color:#991B1B}

/* Secties */
.daud-secties{margin-bottom:20px}
.daud-sectie{background:#FDFCFA;border:1px solid #D8D3CB;border-radius:6px;margin-bottom:10px;overflow:hidden}
.daud-sectie-header{padding:16px 20px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .15s}
.daud-sectie-header:hover{background:#F8F6F2}
.daud-sectie-info{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:200px}
.daud-sectie-naam{font-family:'Cormorant Garamond',Georgia,serif;font-size:1rem;font-weight:500;color:#1C1B18}
.daud-sectie-badge{font-size:10px;font-weight:600;letter-spacing:1px;padding:3px 8px;border-radius:2px;flex-shrink:0}
.daud-sectie-bar-wrap{flex:1;height:5px;background:#EEE8E0;border-radius:3px;overflow:hidden;margin:0 8px}
.daud-sectie-bar{height:100%;border-radius:3px;transition:width .8s ease}
.daud-sectie-bar.score-goed{background:#4ADE80}
.daud-sectie-bar.score-matig{background:#FBBF24}
.daud-sectie-bar.score-aandacht{background:#F87171}
.daud-sectie-toggle{font-family:'Plus Jakarta Sans',sans-serif;font-size:18px;color:#B8722A;font-weight:300;flex-shrink:0;width:20px;text-align:center}
.daud-sectie-body{display:none;padding:0 20px 20px;border-top:1px solid #EEE8E0}
.daud-sectie-obs,.daud-sectie-bet{font-size:13.5px;line-height:1.72;color:#5A5650;margin:14px 0 0}
.daud-sectie-bet{color:#7A776F;font-style:italic}
.daud-sectie-actions{list-style:none;padding:0;margin:14px 0 0}
.daud-sectie-actions li{font-size:13px;color:#5A5650;line-height:1.65;margin-bottom:6px;padding-left:4px}

/* Score colors */
.score-goed{background:#DCFCE7;color:#166534}
.score-matig{background:#FEF3C7;color:#92400E}
.score-aandacht{background:#FEE2E2;color:#991B1B}

/* Quick wins & Strategic */
.daud-quickwins,.daud-strategisch{display:none;background:#F8F6F2;border-radius:6px;padding:20px 22px;margin-bottom:16px}
.daud-qw-header,.daud-str-header{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.15rem;font-weight:500;color:#1C1B18;margin-bottom:14px}
.daud-qw-list,.daud-str-list{padding-left:20px;margin:0}
.daud-qw-list li,.daud-str-list li{font-size:13.5px;color:#5A5650;line-height:1.7;margin-bottom:8px}

/* CTA */
.daud-cta{display:none}
.daud-cta-inner{background:#1C1B18;border-radius:6px;padding:32px;text-align:center}
.daud-cta-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.4rem;color:#FDFCFA;font-weight:500;margin-bottom:10px}
.daud-cta-body{font-size:14px;color:#A8A49A;line-height:1.75;margin-bottom:24px;max-width:540px;margin-left:auto;margin-right:auto}
.daud-cta-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.daud-btn{display:inline-flex;align-items:center;gap:6px;font-family:'Plus Jakarta Sans',sans-serif;font-size:13.5px;font-weight:500;padding:13px 26px;border-radius:4px;text-decoration:none;transition:all .22s;cursor:pointer;border:none}
.daud-btn-primary{background:#B8722A !important;color:#fff !important}
.daud-btn-primary:hover{background:#9E5E1E !important;transform:translateY(-1px)}
.daud-btn-secondary{background:transparent !important;border:1.5px solid rgba(255,255,255,.2) !important;color:#A8A49A !important;font-size:12.5px;padding:10px 22px}
.daud-btn-secondary:hover{border-color:rgba(255,255,255,.4) !important;color:#FDFCFA !important}
.daud-cta-secondary{margin-top:8px}
.daud-cta-secondary a{font-size:13px;color:#A8A49A;text-decoration:underline;text-underline-offset:3px}
.daud-cta-secondary a:hover{color:#FDFCFA}
.daud-cta-tertiary{margin-top:10px}
.daud-cta-tertiary a{font-size:12px;color:#6A6660;text-decoration:underline;text-underline-offset:3px}

/* Opnieuw */
.daud-opnieuw{background:transparent;border:1.5px solid #D8D3CB;color:#7A776F;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:500;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s}
.daud-opnieuw:hover{border-color:#B8722A;color:#B8722A}

/* Maintenance */
.daud-maintenance{text-align:center;padding:40px 20px;font-size:15px;color:#A8A49A}

/* ── RESPONSIVE ────────────────────────────────── */
@media(max-width:760px){
  .daud-row{grid-template-columns:1fr}
  .daud-bottom{flex-direction:column;align-items:stretch}
  .daud-submit{width:100%;text-align:center;justify-content:center;display:flex}
  .daud-ps-grid{grid-template-columns:1fr}
  .daud-sectie-header{flex-wrap:wrap}
  .daud-sectie-info{min-width:auto;width:100%}
  .daud-sectie-bar-wrap{margin:8px 0;width:100%}
  .daud-cta-buttons{flex-direction:column;align-items:center}
}