/* ============================================================
   Homepage - Divi modules in de huisstijl van Adam Digital
   ============================================================ */

/* --- secties en rijen --- */
.ada-s{background:var(--ada-bg)!important;padding:clamp(70px,8vw,110px) 0!important}
.ada-s--soft{background:var(--ada-bg-soft)!important}
.ada-r{width:90%!important;max-width:1240px!important;margin:0 auto!important;padding:0!important}
.ada-r>.et_pb_column{padding:0!important;margin-bottom:0!important}
.ada-s .et_pb_module{margin-bottom:0!important}

/* --- tekstbasis --- */
.ada-s .et_pb_text_inner p,.ada-s .et_pb_blurb_description p{margin:0}
.ada-eyebrow .et_pb_text_inner p{font-family:"Outfit",sans-serif;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(110deg,#1A96E8,#E9187F);-webkit-background-clip:text;background-clip:text;color:transparent}
.ada-eyebrow{margin-bottom:14px!important}
.ada-h2 h2{font-family:"Manrope",sans-serif;font-weight:700;font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.02em;color:var(--ada-text)}
.ada-lead .et_pb_text_inner p,.ada-body .et_pb_text_inner p{font-size:17px;line-height:1.7;color:var(--ada-muted)}
.ada-lead{margin-top:18px!important}
.ada-body{margin-top:18px!important}
.ada-head-r,.ada-faq-head-r{margin-bottom:clamp(40px,5vw,64px)!important}

/* --- knoppen --- */
.ada-s .et_pb_button_module_wrapper{display:inline-block;margin:0 16px 0 0!important;vertical-align:middle}
a.ada-btn-lg,a.ada-btn-xl{font-family:"Outfit",sans-serif!important;font-weight:800!important;color:#fff!important;border:0!important;border-radius:999px!important;background:var(--ada-grad)!important;box-shadow:0 12px 34px rgba(122,79,208,.45);transition:transform .2s,box-shadow .2s!important}
a.ada-btn-lg{font-size:16px!important;padding:17px 34px!important}
a.ada-btn-xl{font-size:17px!important;padding:19px 40px!important}
a.ada-btn-lg:hover,a.ada-btn-xl:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(233,24,127,.5);background:var(--ada-grad)!important}
a.ada-btn-lg:after,a.ada-btn-xl:after,a.ada-btn-ghost:after,a.ada-btn-outline:after{display:none!important}
a.ada-btn-ghost{font-family:"Outfit",sans-serif!important;font-weight:700!important;font-size:16px!important;color:var(--ada-text)!important;padding:16px 32px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;background:transparent!important;transition:border-color .2s,background .2s!important}
a.ada-btn-ghost:hover{border-color:rgba(255,255,255,.55)!important;background:rgba(255,255,255,.05)!important;padding:16px 32px!important}
a.ada-btn-outline{font-family:"Outfit",sans-serif!important;font-weight:700!important;font-size:15px!important;color:var(--ada-text)!important;padding:13px 26px!important;border:1px solid var(--ada-line)!important;border-radius:999px!important;background:transparent!important}
a.ada-btn-outline:hover{border-color:var(--ada-blue)!important;color:var(--ada-blue)!important;padding:13px 26px!important;background:transparent!important}

/* --- HERO --- */
.ada-hero-s{position:relative;overflow:hidden;padding:clamp(90px,12vw,150px) 0 clamp(60px,7vw,90px)!important}
.ada-hero-s:before,.ada-hero-s:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.ada-hero-s:before{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 30%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 90% 80% at 50% 30%,#000 40%,transparent 100%)}
.ada-hero-s:after{background:radial-gradient(circle 300px at -40px -60px,rgba(26,150,232,.34),transparent 66%),radial-gradient(circle 330px at calc(100% + 70px) 260px,rgba(233,24,127,.28),transparent 66%),radial-gradient(circle 280px at 46% 108%,rgba(122,79,208,.24),transparent 66%);animation:adaGlow 16s ease-in-out infinite}
@keyframes adaGlow{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@media (prefers-reduced-motion:reduce){.ada-hero-s:after{animation:none}}
.ada-hero-s>.et_pb_row{position:relative;z-index:1}
.ada-badge{display:inline-block!important;margin-bottom:34px!important}
.ada-badge .et_pb_text_inner p{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);font-size:13.5px;font-weight:600;color:var(--ada-navlink)}
.ada-badge .et_pb_text_inner p:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(110deg,#1A96E8,#E9187F)}
.ada-h1 h1{font-family:"Manrope",sans-serif;font-weight:800;font-size:clamp(44px,6.4vw,84px);line-height:1.04;letter-spacing:-.025em;color:var(--ada-text);max-width:16ch;text-wrap:balance}
.ada-hero-text{margin:28px 0 44px!important}
.ada-hero-text .et_pb_text_inner p{font-size:clamp(17px,1.6vw,20px);line-height:1.65;color:var(--ada-muted);max-width:54ch}
.ada-stats-r{margin-top:clamp(60px,8vw,96px)!important}
.ada-stat-num h3{font-family:"Manrope",sans-serif;font-weight:700;font-size:30px;color:var(--ada-text)}
.ada-stat-lbl .et_pb_text_inner p{font-size:14px;font-weight:600;color:var(--ada-muted);margin-top:4px}

/* --- VERTROUWD DOOR --- */
.ada-trust-s{padding:0!important;background:var(--ada-bg)!important}
.ada-trust-r{border-top:1px solid rgba(255,255,255,.08);padding:36px 0 44px!important;align-items:center}
.ada-trust-lbl .et_pb_text_inner p{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ada-dim)}
.ada-trust-name .et_pb_text_inner p{font-family:"Manrope",sans-serif;font-size:19px;font-weight:600;color:#8B90A0}

/* --- KAARTEN (blurb, kolom, testimonial) --- */
.ada-card,.ada-card.et_pb_column{background:var(--ada-card)!important;border:1px solid var(--ada-line);border-radius:20px;padding:34px 30px!important;box-shadow:0 20px 50px rgba(0,0,0,.45);transition:transform .25s,border-color .25s}
.ada-card:hover{transform:translateY(-6px)}
.ada-card .et_pb_module_header,.ada-card h3,.ada-card h4{font-family:"Manrope",sans-serif!important;font-weight:600!important;font-size:22px!important;color:var(--ada-text)!important;margin:0 0 10px!important}
.ada-card .et_pb_blurb_description p{font-size:15.5px;line-height:1.6;color:var(--ada-muted)}
.ada-card .et_pb_blurb_content{max-width:none;text-align:left}
.ada-card .et_pb_main_blurb_image{display:none}
.ada-a1:hover{border-color:#1A96E8}.ada-a2:hover{border-color:#4A73DC}.ada-a3:hover{border-color:#7A4FD0}.ada-a4:hover{border-color:#A63BB8}.ada-a5:hover{border-color:#E9187F}

/* letter-badge boven de dienstenkaarten */
.ada-svc:before,.ada-benefit:before,.ada-step:before{display:flex;align-items:center;justify-content:center;color:#fff;font-family:"Manrope",sans-serif;font-weight:700;border-radius:14px;width:52px;height:52px;font-size:20px;margin-bottom:22px}
.ada-svc.ada-a1:before{content:"W";background:linear-gradient(135deg,#1A96E8,#4A73DC)}
.ada-svc.ada-a2:before{content:"S";background:linear-gradient(135deg,#4A73DC,#7A4FD0)}
.ada-svc.ada-a3:before{content:"O";background:linear-gradient(135deg,#7A4FD0,#A63BB8)}
.ada-svc.ada-a4:before{content:"H";background:linear-gradient(135deg,#A63BB8,#E9187F)}
.ada-svc.ada-a5:before{content:"A";background:linear-gradient(135deg,#E9187F,#1A96E8)}
.ada-benefit.ada-a1:before{content:"\25C6";background:linear-gradient(135deg,#1A96E8,#4A73DC)}
.ada-benefit.ada-a2:before{content:"\2726";background:linear-gradient(135deg,#4A73DC,#7A4FD0)}
.ada-benefit.ada-a3:before{content:"\25B2";background:linear-gradient(135deg,#7A4FD0,#E9187F)}
.ada-benefit.ada-a4:before{content:"\25CF";background:linear-gradient(135deg,#E9187F,#A63BB8)}

/* --- OVER ONS --- */
.ada-about-r{align-items:center}
.ada-chip{display:inline-block!important;margin:12px 12px 0 0!important}
.ada-chip .et_pb_text_inner p{padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--ada-line);font-size:14px;font-weight:700;color:var(--ada-text)}
.ada-media{position:relative}
.ada-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;border:1px solid var(--ada-line);box-shadow:0 20px 50px rgba(0,0,0,.45)}
.ada-float{display:inline-flex!important;background:var(--ada-card)!important;border:1px solid var(--ada-line);border-radius:16px;padding:18px 22px!important;box-shadow:0 20px 50px rgba(0,0,0,.45);margin-top:-22px!important;position:relative;z-index:2}
.ada-float .et_pb_module_header{font-size:17px!important;font-weight:700!important;margin:0!important}
.ada-float .et_pb_blurb_description p{font-size:13px;font-weight:600;color:var(--ada-muted)}
.ada-float .et_pb_main_blurb_image{display:none}

/* --- WERK --- */
.ada-work{overflow:hidden;padding:0!important}
.ada-work .ada-work-img img{width:100%;aspect-ratio:16/11;object-fit:cover;display:block}
.ada-work .ada-cat,.ada-work .ada-work-title,.ada-work .ada-result{padding:0 26px}
.ada-work .ada-cat{padding-top:26px}
.ada-work .ada-result{padding-bottom:28px}
.ada-cat .et_pb_text_inner p{font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ada-work.ada-a1 .ada-cat .et_pb_text_inner p{color:#1A96E8}
.ada-work.ada-a3 .ada-cat .et_pb_text_inner p{color:#7A4FD0}
.ada-work.ada-a5 .ada-cat .et_pb_text_inner p{color:#E9187F}
.ada-work-title h3{font-family:"Manrope",sans-serif;font-weight:600;font-size:23px;color:var(--ada-text);margin:10px 0 14px}
.ada-result .et_pb_text_inner p{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--ada-line);font-size:13.5px;font-weight:700;color:var(--ada-text)}
.ada-result .et_pb_text_inner p:before{content:"\25B2";font-size:11px}
.ada-work.ada-a1 .ada-result p:before{color:#1A96E8}
.ada-work.ada-a3 .ada-result p:before{color:#7A4FD0}
.ada-work.ada-a5 .ada-result p:before{color:#E9187F}

/* --- PROCES --- */
.ada-steps-r{counter-reset:adastep}
.ada-step{padding:30px 26px!important}
.ada-step:before{counter-increment:adastep;content:"0" counter(adastep);width:40px;height:40px;border-radius:12px;font-size:15px;font-weight:800;margin-bottom:20px}
.ada-step.ada-a1:before{background:linear-gradient(135deg,#1A96E8,#4A73DC)}
.ada-step.ada-a2:before{background:linear-gradient(135deg,#4A73DC,#7A4FD0)}
.ada-step.ada-a3:before{background:linear-gradient(135deg,#7A4FD0,#A63BB8)}
.ada-step.ada-a4:before{background:linear-gradient(135deg,#A63BB8,#E9187F)}
.ada-step .et_pb_module_header{font-size:21px!important}
.ada-step .et_pb_blurb_description p{font-size:15px}

/* --- WAAROM WIJ --- */
.ada-waarom-r{align-items:flex-start}
.ada-benefit{padding:22px 24px!important;margin-bottom:18px!important;display:flex;gap:18px}
.ada-benefit:before{width:42px;height:42px;border-radius:12px;font-size:17px;flex:0 0 42px;margin:0}
.ada-benefit .et_pb_blurb_content{flex:1}
.ada-benefit .et_pb_module_header{font-size:19px!important;margin-bottom:6px!important}
.ada-benefit .et_pb_blurb_description p{font-size:15px}

/* --- REVIEWS --- */
.ada-rating{margin-top:18px!important}
.ada-rating .et_pb_text_inner p{font-size:14.5px;font-weight:700;color:var(--ada-muted)}
.ada-rating .et_pb_text_inner span{color:#F5B301;font-size:20px;letter-spacing:3px}
.ada-stars{margin-bottom:0!important}
.ada-stars .et_pb_text_inner p{color:#F5B301;font-size:18px;letter-spacing:3px}
.ada-cards-r>.et_pb_column .ada-stars{position:relative;z-index:2;top:34px;left:30px;width:max-content}
.ada-review.et_pb_testimonial{background:var(--ada-card)!important;border:1px solid var(--ada-line);border-radius:20px;padding:56px 30px 32px!important;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.ada-review .et_pb_testimonial_description_inner p{font-size:16.5px;line-height:1.7;color:var(--ada-text)}
.ada-review .et_pb_testimonial_author{font-family:"Outfit",sans-serif;font-weight:800;font-size:15px;color:var(--ada-text);font-style:normal;margin-top:20px}
.ada-review .et_pb_testimonial_meta{font-size:13.5px;font-weight:600;color:var(--ada-muted)}
.ada-review .et_pb_testimonial_portrait,.ada-review:before{display:none!important}

/* --- FAQ --- */
.ada-faq-r>.et_pb_column{max-width:860px;margin:0 auto!important}
.ada-faq-head-r{text-align:center}
.ada-faq .et_pb_toggle{background:var(--ada-card)!important;border:1px solid var(--ada-line)!important;border-radius:16px!important;box-shadow:0 20px 50px rgba(0,0,0,.45);margin-bottom:14px!important;padding:0!important}
.ada-faq .et_pb_toggle_title{font-family:"Manrope",sans-serif!important;font-weight:600!important;font-size:18px!important;color:var(--ada-text)!important;padding:22px 66px 22px 24px!important}
.ada-faq .et_pb_toggle_content{padding:0 24px 24px!important}
.ada-faq .et_pb_toggle_content p{font-size:15.5px;line-height:1.7;color:var(--ada-muted)}
.ada-faq .et_pb_toggle_title:before{right:24px;width:30px;height:30px;border-radius:50%;background:linear-gradient(110deg,#1A96E8,#E9187F);color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;top:22px}

/* --- EIND-CTA --- */
.ada-cta-s{position:relative;overflow:hidden;text-align:center;padding:clamp(110px,13vw,180px) 0 clamp(90px,11vw,150px)!important}
.ada-cta-s:after{content:"";position:absolute;bottom:-260px;left:50%;transform:translateX(-50%);width:900px;height:620px;border-radius:50%;background:radial-gradient(ellipse,rgba(122,79,208,.32),rgba(233,24,127,.14) 55%,transparent 75%);pointer-events:none}
.ada-cta-s>.et_pb_row{position:relative;z-index:1}
.ada-cta-logo img{width:76px;height:76px;border-radius:50%;margin:0 auto 30px}
.ada-cta-h h2{font-family:"Manrope",sans-serif;font-weight:800;font-size:clamp(36px,5.4vw,64px);line-height:1.08;letter-spacing:-.025em;color:var(--ada-text);text-wrap:balance}
.ada-cta-text{margin:22px auto 42px!important;max-width:46ch}
.ada-cta-text .et_pb_text_inner p{font-size:18px;line-height:1.65;color:var(--ada-muted)}
.ada-cta-note{margin-top:26px!important}
.ada-cta-note .et_pb_text_inner p{font-size:14px;font-weight:600;color:var(--ada-dim)}

/* --- RESPONSIVE --- */
@media (max-width:980px){
  .ada-trust-r>.et_pb_column{width:33.33%!important}
  .ada-benefit{margin-bottom:14px!important}
}
@media (max-width:767px){
  .ada-r>.et_pb_column{width:100%!important;margin-bottom:24px!important}
  .ada-cards-r>.et_pb_column:last-child,.ada-steps-r>.et_pb_column:last-child{margin-bottom:0!important}
  .ada-s .et_pb_button_module_wrapper{display:block;margin:0 0 14px!important}
  .ada-s .et_pb_button_module_wrapper a{display:block;text-align:center}
  .ada-trust-r>.et_pb_column{width:50%!important;margin-bottom:12px!important}
}
/* ============================================================
   Correctie: rijen horizontaal, kolominhoud verticaal.
   Divi 5 zet zowel rij als kolom op flex-direction:column.
   ============================================================ */
.ada-s .et_pb_row.ada-r{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:flex-start}
.ada-s .ada-r>.et_pb_column{display:flex!important;flex-direction:column!important;align-items:flex-start}
.ada-s .ada-r>.et_pb_column>.et_pb_module{width:100%}

/* rijen met kaarten: gelijke hoogte en ruimte ertussen */
.ada-cards-r,.ada-steps-r{gap:24px}
.ada-cards-r>.et_pb_column,.ada-steps-r>.et_pb_column{margin:0!important}
.ada-cards-r>.et_pb_column{width:calc(33.333% - 16px)!important}
.ada-steps-r>.et_pb_column{width:calc(25% - 18px)!important}
.ada-about-r,.ada-waarom-r{gap:clamp(40px,6vw,80px)}
.ada-about-r>.et_pb_column,.ada-waarom-r>.et_pb_column{width:calc(50% - clamp(20px,3vw,40px))!important;margin:0!important}
.ada-stats-r{gap:clamp(28px,5vw,64px)}
.ada-stats-r>.et_pb_column{width:auto!important;margin:0!important;flex:0 0 auto}
.ada-trust-r{gap:clamp(24px,4vw,56px);flex-wrap:wrap}
.ada-trust-r>.et_pb_column{width:auto!important;margin:0!important;flex:0 0 auto}
.ada-head-r>.et_pb_column{margin:0!important}
.ada-werk-s .ada-head-r{align-items:flex-end;justify-content:space-between}
.ada-werk-s .ada-head-r>.et_pb_column:first-child{width:auto!important;max-width:560px;flex:1 1 auto}
.ada-werk-s .ada-head-r>.et_pb_column:last-child{width:auto!important;flex:0 0 auto;align-items:flex-end}

/* hero: knoppen naast elkaar */
.ada-hero-r>.et_pb_column{align-items:flex-start}
.ada-hero-s .et_pb_button_module_wrapper{width:auto!important}

/* chips naast elkaar */
.ada-about-r .ada-chip{width:auto!important}

/* werk-kaart: beeld en tekst netjes onder elkaar */
.ada-work.et_pb_column{align-items:stretch}
.ada-work .et_pb_module{width:100%}

/* voordelen onder elkaar, inhoud horizontaal */
.ada-waarom-r>.et_pb_column:last-child{gap:18px}
.ada-benefit.et_pb_blurb{flex-direction:row!important;align-items:flex-start;width:100%}

/* reviews: sterren boven de kaart */
.ada-cards-r>.et_pb_column>.ada-stars{width:auto}

@media (max-width:980px){
  .ada-cards-r>.et_pb_column{width:calc(50% - 12px)!important}
  .ada-steps-r>.et_pb_column{width:calc(50% - 12px)!important}
}
@media (max-width:767px){
  .ada-s .ada-r>.et_pb_column,.ada-cards-r>.et_pb_column,.ada-steps-r>.et_pb_column,.ada-about-r>.et_pb_column,.ada-waarom-r>.et_pb_column{width:100%!important}
  .ada-werk-s .ada-head-r>.et_pb_column:last-child{align-items:flex-start}
}