/* ============================================================
   Adam Digital Agency - merklaag op Divi
   ============================================================ */

@font-face{font-family:"Manrope";src:url("fonts/manrope-variable.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url("fonts/outfit-variable.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}

:root{
  --ada-bg:#07070C; --ada-bg-soft:#0E0E16; --ada-card:#12121C;
  --ada-text:#F4F5F9; --ada-muted:#9BA0B0; --ada-dim:#6E7383; --ada-navlink:#C9CDDA;
  --ada-line:rgba(255,255,255,.09);
  --ada-blue:#1A96E8; --ada-violet:#7A4FD0; --ada-magenta:#E9187F;
  --ada-grad:linear-gradient(120deg,#1A96E8,#7A4FD0 52%,#E9187F);
}

body,body.et-db #et-boc .et-l p{font-family:"Outfit",system-ui,sans-serif}
h1,h2,h3,h4,h5,h6,.et_pb_module h1,.et_pb_module h2,.et_pb_module h3,.et_pb_module h4,.et_pb_module h5,.et_pb_module h6{font-family:"Manrope",system-ui,sans-serif;letter-spacing:-.02em}

/* ============ HEADER ============ */
.ada-hdr{background:var(--ada-bg)!important;border-bottom:1px solid rgba(255,255,255,.08)}
.ada-hdr .et_pb_row{align-items:center}
.ada-hdr-logo img{width:48px;height:48px;border-radius:50%;display:block}

.ada-hdr-menu ul.et-menu{gap:32px}
.ada-hdr-menu ul.et-menu>li{padding:0;margin:0}
.ada-hdr-menu ul.et-menu>li>a{font-family:"Outfit",sans-serif;font-size:15px;font-weight:600;color:var(--ada-navlink);padding-bottom:0;transition:color .2s}
.ada-hdr-menu ul.et-menu>li>a:hover{color:#fff;opacity:1}
.ada-hdr-menu ul.et-menu>li.current-menu-item>a{color:#fff}
.ada-hdr-menu ul.et-menu>li>a:after{color:var(--ada-navlink);font-size:14px}

/* dropdown */
.ada-hdr-menu ul.sub-menu{min-width:236px;background:rgba(14,14,22,.98)!important;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:8px!important;box-shadow:0 20px 50px rgba(0,0,0,.5);border-top:1px solid rgba(255,255,255,.12)!important}
.ada-hdr-menu ul.sub-menu li a{padding:11px 14px!important;border-radius:9px;font-family:"Outfit",sans-serif;font-size:14.5px;font-weight:600;color:var(--ada-navlink);width:auto}
.ada-hdr-menu ul.sub-menu li a:hover{background:rgba(255,255,255,.07);color:#fff;opacity:1}

/* mobiel paneel */
.ada-hdr-menu .et_mobile_menu{background:rgba(10,10,17,.99);border-top:1px solid rgba(255,255,255,.1);border-radius:0 0 16px 16px;padding:8px}
.ada-hdr-menu .et_mobile_menu li a{color:var(--ada-navlink);font-family:"Outfit",sans-serif;font-size:16px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.06);padding:14px 16px}
.ada-hdr-menu .et_mobile_menu li a:hover{background:rgba(255,255,255,.06);color:#fff;opacity:1}
.ada-hdr-menu .mobile_menu_bar:before{color:var(--ada-text);font-size:30px}



/* ============ FOOTER ============ */
.ada-ftr{background:var(--ada-bg)!important;border-top:1px solid rgba(255,255,255,.08)}
.ada-ftr p,.ada-ftr li,.ada-ftr a{font-family:"Outfit",sans-serif;color:var(--ada-muted)}
.ada-ftr a{transition:color .2s;text-decoration:none}
.ada-ftr a:hover{color:#fff}
.ada-ftr-logo img{width:44px;height:44px;border-radius:50%}
.ada-ftr-text p{font-size:14.5px;line-height:1.65;max-width:34ch}
.ada-ftr-head p,.ada-ftr-head{font-family:"Manrope",sans-serif!important;font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--ada-dim)!important}
.ada-ftr-contact p{font-size:15px;font-weight:600;line-height:2}

.ada-ftr-menu ul.et-menu{flex-direction:column;gap:12px}
.ada-ftr-menu ul.et-menu>li{padding:0;margin:0}
.ada-ftr-menu ul.et-menu>li>a{font-size:15px;font-weight:600;color:var(--ada-muted);padding:0}
.ada-ftr-menu ul.et-menu>li>a:hover{color:#fff;opacity:1}
.ada-ftr-menu ul.et-menu>li>a:after{display:none}
.ada-ftr-menu ul.sub-menu{display:none!important}
.ada-ftr-menu .et_pb_menu__logo-wrap,.ada-ftr-menu .et_mobile_nav_menu{display:none!important}
.ada-ftr-menu .et_pb_menu__menu{display:flex!important}

.ada-ftr-social ul{display:flex;gap:14px;padding:0;margin:0}
.ada-ftr-social .et_pb_social_media_follow_network_name{display:none}
.ada-ftr-social li a.icon{border-radius:50%!important;width:38px;height:38px;background:rgba(255,255,255,.05)!important;border:1px solid var(--ada-line);transition:border-color .2s,background .2s}
.ada-ftr-social li a.icon:before{color:var(--ada-muted);font-size:17px;line-height:38px;width:38px;height:38px}
.ada-ftr-social li a.icon:hover{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.3)}
.ada-ftr-social li a.icon:hover:before{color:#fff}

.ada-ftr-legal{border-top:1px solid rgba(255,255,255,.07)}
.ada-ftr-legal p{font-size:13.5px;font-weight:600;color:var(--ada-dim)}
.ada-ftr-legal a{color:var(--ada-dim)}
.ada-ftr-legal-links{text-align:right}
.ada-ftr-legal-links a{margin-left:24px}

@media (max-width:980px){
  .ada-hdr-menu ul.et-menu{gap:20px}
  .ada-ftr-legal-links,.ada-ftr-legal-links a{text-align:left;margin:0 24px 0 0}
}
/* ============================================================
   Layout-correcties voor de Theme Builder header en footer
   Divi geeft elke kolom 100% breedte; hieronder zetten we de
   header op een flex-rij en de footer op een grid van vier.
   ============================================================ */

/* --- HEADER --- */
.ada-hdr{padding:0!important}
.ada-hdr .ada-hdr-row{width:90%;max-width:1240px;padding:14px 0!important;margin:0 auto}
.ada-hdr .et_pb_column{display:flex!important;align-items:center;justify-content:space-between;gap:24px;width:100%!important;padding:0!important;margin:0!important}
.ada-hdr .et_pb_module{margin:0!important}
.ada-hdr .ada-hdr-menu{flex:1 1 auto;display:flex;justify-content:flex-end}
.ada-hdr .ada-hdr-menu .et_pb_menu_inner_container{background:transparent!important;width:100%}
.ada-hdr .ada-hdr-menu .et_pb_menu__wrap{justify-content:flex-end}
.ada-hdr .ada-hdr-logo{flex:0 0 auto}
.ada-hdr .et_pb_button_module_wrapper{flex:0 0 auto;margin:0!important}

/* CTA-knop: de klasse landt op de <a> zelf */
a.ada-btn,.ada-btn.et_pb_button{font-family:"Outfit",sans-serif!important;font-weight:700!important;font-size:14.5px!important;line-height:1.2!important;color:#fff!important;padding:13px 24px!important;border:0!important;border-radius:999px!important;background:var(--ada-grad)!important;box-shadow:0 8px 24px rgba(122,79,208,.35);transition:transform .2s,box-shadow .2s!important}
a.ada-btn:hover,.ada-btn.et_pb_button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(233,24,127,.4);padding:13px 24px!important;background:var(--ada-grad)!important}
a.ada-btn:after,.ada-btn.et_pb_button:after{display:none!important}

/* --- FOOTER --- */
.ada-ftr{padding:0!important}
.ada-ftr .ada-ftr-row{width:90%;max-width:1240px;padding:64px 0 40px!important;margin:0 auto;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px}
.ada-ftr .ada-ftr-row>.et_pb_column{width:100%!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.ada-ftr .et_pb_module{margin:0!important}
.ada-ftr .ada-ftr-menu .et_pb_menu_inner_container{background:transparent!important}
.ada-ftr .ada-ftr-menu .et_pb_menu__wrap{justify-content:flex-start}
.ada-ftr .ada-ftr-social .et_pb_social_media_follow{margin:0!important}

.ada-ftr .ada-ftr-legal{width:90%;max-width:1240px;padding:22px 0!important;margin:0 auto;display:flex!important;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.ada-ftr .ada-ftr-legal>.et_pb_column{width:auto!important;margin:0!important;padding:0!important}

@media (max-width:980px){
  .ada-ftr .ada-ftr-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
  .ada-hdr .ada-hdr-menu{flex:0 0 auto}
  .ada-hdr .et_pb_column{gap:14px}
}
@media (max-width:600px){
  .ada-ftr .ada-ftr-row{grid-template-columns:1fr;padding:48px 0 32px!important}
  .ada-hdr .ada-hdr-row{padding:12px 0!important}
  .ada-hdr .ada-hdr-cta,.ada-hdr .et_pb_button_module_wrapper{display:none!important}
}
/* ============================================================
   Correctie: Divi zet elke kolom op flex-direction:column.
   De header moet een horizontale rij zijn.
   ============================================================ */
.ada-hdr .et_pb_row.ada-hdr-row{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap}
.ada-hdr .ada-hdr-row>.et_pb_column{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap;gap:24px;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}
.ada-hdr .ada-hdr-row>.et_pb_column>.et_pb_module{margin:0!important}

/* logo */
.ada-hdr .ada-hdr-logo{flex:0 0 auto;width:auto!important;max-width:none!important}
.ada-hdr .ada-hdr-logo .et_pb_image_wrap{display:block;width:48px;height:48px}
.ada-hdr .ada-hdr-logo img{width:48px!important;height:48px!important;max-width:48px!important;border-radius:50%!important;display:block!important}

/* menu vult de ruimte en lijnt rechts uit */
.ada-hdr .ada-hdr-menu{flex:1 1 auto;min-width:0}
.ada-hdr .ada-hdr-menu .et_pb_menu_inner_container{background:transparent!important;width:100%;display:flex;justify-content:flex-end}
.ada-hdr .ada-hdr-menu .et_pb_menu__wrap{width:auto;justify-content:flex-end}
.ada-hdr .ada-hdr-menu ul.et-menu{display:flex;flex-wrap:nowrap;align-items:center;gap:32px;margin:0;padding:0}

/* CTA blijft rechts staan */
.ada-hdr .et_pb_button_module_wrapper{flex:0 0 auto;margin:0!important;display:block}

/* vaste hoogte zoals in het ontwerp */
.ada-hdr .ada-hdr-row{min-height:76px;padding:0!important}

/* footer: kolommen blijven verticaal, de legal-rij horizontaal */
.ada-ftr .ada-ftr-legal{flex-direction:row!important}
.ada-ftr .ada-ftr-legal>.et_pb_column{flex-direction:column!important}

@media (max-width:980px){
  .ada-hdr .ada-hdr-menu ul.et-menu{gap:20px}
}
@media (max-width:767px){
  .ada-hdr .ada-hdr-row>.et_pb_column{gap:12px}
  .ada-hdr .ada-hdr-menu{flex:0 0 auto}
  .ada-hdr .ada-hdr-menu .et_pb_menu_inner_container{width:auto}
  .ada-ftr .ada-ftr-legal{flex-wrap:wrap}
}