/*
Theme Name: Mediumchat24
Theme URI: https://mediumchat24.nl
Author: Adfinity Core
Description: Premium spiritueel WordPress theme voor Mediumchat24.
Version: 1.4.0
Text Domain: mediumchat24
*/
:root{--bg:#0b0620;--bg2:#180b3b;--purple:#5b2b91;--purple2:#7d3cff;--gold:#f3d37b;--gold2:#ffd98f;--white:#fff;--soft:#fff7fb;--muted:#cfc3e9;--text:#23142e;--shadow:0 24px 70px rgba(36,18,68,.18)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:var(--text)}a{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:absolute;inset:0 0 auto 0;z-index:20;padding:24px 0;color:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(243,211,123,.65);background:radial-gradient(circle,rgba(125,60,255,.35),rgba(255,255,255,.04));box-shadow:0 0 28px rgba(125,60,255,.35);color:var(--gold)}.logo-title{display:block;font-family:Georgia,serif;font-size:24px;letter-spacing:.03em;line-height:1}.logo-sub{display:block;font-size:12px;color:#e9defa;margin-top:4px}.main-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:800}.main-nav a{text-decoration:none;color:#fff;opacity:.95}.main-nav a:hover{color:var(--gold)}.header-actions{display:flex;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;border:1px solid transparent;text-decoration:none;font-weight:900;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#221330;box-shadow:0 14px 30px rgba(243,211,123,.22)}.btn.outline{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.36);box-shadow:none}.btn.purple{background:linear-gradient(135deg,#7d3cff,#4e227b);color:#fff;box-shadow:0 14px 30px rgba(91,43,145,.22)}
.hero{position:relative;min-height:720px;color:#fff;overflow:hidden;background:radial-gradient(circle at 77% 42%,rgba(163,86,255,.42),transparent 17%),radial-gradient(circle at 80% 42%,rgba(255,214,125,.28),transparent 9%),radial-gradient(circle at 20% 30%,rgba(91,43,145,.55),transparent 30%),linear-gradient(115deg,#080316 0%,#13072e 42%,#23104d 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.8) 0 1px,transparent 1.3px),radial-gradient(circle at 30% 12%,rgba(255,255,255,.7) 0 1px,transparent 1.3px),radial-gradient(circle at 44% 25%,rgba(255,255,255,.65) 0 1px,transparent 1.3px);background-size:320px 220px;opacity:.55}.hero:after{content:"";position:absolute;right:4%;top:105px;width:min(52vw,650px);height:520px;background:radial-gradient(circle at 50% 50%,rgba(255,222,129,.9),transparent 5%),radial-gradient(circle at 50% 50%,rgba(153,72,255,.95),transparent 18%),radial-gradient(circle at 50% 50%,rgba(91,43,145,.35),transparent 38%);border-radius:50% 50% 10% 10%;box-shadow:0 0 90px rgba(125,60,255,.45);clip-path:polygon(50% 0%,85% 12%,100% 45%,92% 100%,8% 100%,0 45%,15% 12%);opacity:.9}.portal{position:absolute;right:8%;top:130px;width:min(43vw,520px);height:520px;border-radius:48% 48% 12% 12%;border:3px solid rgba(243,211,123,.28);box-shadow:inset 0 0 50px rgba(255,255,255,.08),0 0 60px rgba(125,60,255,.32);z-index:2}.portal:before{content:"✧";position:absolute;inset:95px;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(243,211,123,.8);color:var(--gold);font-size:84px;text-shadow:0 0 24px rgba(243,211,123,.8)}
.hero-content{position:relative;z-index:5;padding:165px 0 70px;max-width:560px}.kicker{color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}.hero h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.055em}.hero h1 span{color:var(--gold)}.hero p{font-size:18px;line-height:1.7;color:#f0e9ff;margin:28px 0 34px}.hero-actions{display:flex;gap:18px;flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:72px;width:min(760px,100%)}.feature{display:flex;gap:12px;align-items:center}.feature-icon{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.45);display:grid;place-items:center;color:var(--gold);font-weight:900}.feature strong{display:block;font-size:15px}.feature small{display:block;color:#d8cdec;font-size:12px;margin-top:3px}
.section{padding:74px 0}.soft{background:linear-gradient(180deg,#fff7fb,#fff)}.dark{color:#fff;background:radial-gradient(circle at 0% 30%,rgba(125,60,255,.35),transparent 22%),radial-gradient(circle at 70% 20%,rgba(91,43,145,.45),transparent 35%),linear-gradient(115deg,#0b0520,#17072f 55%,#250f4f)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.label{color:#7d3cff;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}.dark .label{color:var(--gold)}h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,48px);line-height:1.05;margin:8px 0 0;letter-spacing:-.035em}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(91,43,145,.11);position:relative}.photo{height:190px;background:radial-gradient(circle at center,rgba(255,215,120,.75),transparent 17%),radial-gradient(circle at center,rgba(125,60,255,.9),rgba(44,20,78,.95) 55%,#1a0b2f);display:grid;place-items:center;position:relative;overflow:hidden}.photo:before{content:"";width:116px;height:116px;border-radius:50%;background:linear-gradient(135deg,#f8d7bd,#7c4a34);box-shadow:0 0 0 8px rgba(255,255,255,.14),0 0 40px rgba(243,211,123,.35)}.status{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);background:rgba(43,25,50,.9);color:#fff;border-radius:999px;padding:6px 14px;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800}.status:before{content:"";width:9px;height:9px;background:#18c36b;border-radius:50%}.status.busy:before{background:#ffae26}.body{text-align:center;padding:28px 16px 14px}.body h3{font-size:21px;margin:0 0 5px;color:#21122d}.body p{margin:0;color:#7d6795;font-size:13px}.stars{color:#f5b936;margin:14px 0 18px;font-size:14px}.chat-btn{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:0 16px;border-radius:10px;background:linear-gradient(135deg,#5b2b91,#3d1a69);color:#fff;text-decoration:none;font-weight:800;font-size:13px}
.ai-wrap{display:grid;grid-template-columns:330px 1fr;gap:54px;align-items:center}.ai-list{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:center}.ai-avatar{width:140px;height:140px;margin:0 auto 14px;border-radius:50%;background:radial-gradient(circle,#a5f3ff,#7d3cff 45%,#17072f 75%);border:2px solid rgba(243,211,123,.75);box-shadow:0 0 40px rgba(125,60,255,.45)}.ai-list h3{margin:0 0 4px;color:#fff}.ai-list p{margin:0;color:#d7ccef;font-size:13px}
.trust{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center;text-align:center;background:#fff7fb;padding:34px 0}.trustpilot{color:#00b67a;font-size:28px;font-weight:900}.trust p{margin:6px 0 0;color:#6f5d82}
.site-footer{color:#fff;padding:54px 0 34px;background:radial-gradient(circle at 15% 0%,rgba(125,60,255,.25),transparent 24%),linear-gradient(115deg,#0b0520,#17072f 65%,#250f4f)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr 1fr;gap:34px}.footer-grid h4{margin:0 0 14px;color:#fff}.footer-grid a{display:block;color:#d8cdec;text-decoration:none;margin:9px 0;font-size:14px}.footer-grid a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:36px;color:#cfc3e9;font-size:13px}.powered a{color:var(--gold);font-weight:900;text-decoration:none}
@media(max-width:980px){.main-nav{display:none}.header-actions .outline{display:none}.hero:after,.portal{opacity:.25;right:-150px}.hero-content{padding:140px 0 55px}.features{grid-template-columns:repeat(2,1fr);margin-top:44px}.grid{grid-template-columns:repeat(2,1fr)}.ai-wrap{grid-template-columns:1fr}.ai-list{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.logo-title{font-size:19px}.logo-sub{display:none}.header-actions .btn{display:none}.hero-content{padding-top:118px}.hero h1{font-size:46px}.hero p{font-size:16px}.hero-actions .btn{width:100%}.features{grid-template-columns:1fr}.section{padding:52px 0}.section-head{display:block}.section-head .btn{margin-top:18px}.grid{grid-template-columns:1fr}.ai-list{grid-template-columns:1fr 1fr;gap:18px}.ai-avatar{width:112px;height:112px}.trust{grid-template-columns:1fr;padding:28px 16px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}}


/* Mediumchat24 v1.1: sfeerbeelden uit mockup + geen aparte AI-benaming */
.hero:after,.portal{display:none!important}
.hero-visual{position:absolute;right:0;top:0;bottom:0;width:58%;background:url("assets/mediumchat24-hero.webp") center right/cover no-repeat;opacity:.98}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0620 0%,rgba(11,6,32,.75) 18%,rgba(11,6,32,.08) 55%,rgba(11,6,32,.25) 100%)}
.photo{background:#17072f center/cover no-repeat!important}.photo:before{display:none!important}.photo:after{content:"";position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(180deg,transparent,rgba(255,247,251,.96))}.photo.mila{background-image:url("assets/advisor-mila.webp")!important}.photo.aurora{background-image:url("assets/advisor-aurora.webp")!important}.photo.luca{background-image:url("assets/advisor-luca.webp")!important}.photo.sophia{background-image:url("assets/advisor-sophia.webp")!important}.status{bottom:10px;z-index:2}.body{padding-top:20px}
.availability{position:relative;overflow:hidden}.availability:before{content:none}.availability .container{position:relative;z-index:1}.available-wrap{display:grid;grid-template-columns:330px 1fr;gap:54px;align-items:center}.available-list{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:center}.available-avatar{width:140px;height:140px;margin:0 auto 14px;border-radius:50%;background:center/cover no-repeat;border:2px solid rgba(243,211,123,.75);box-shadow:0 0 40px rgba(125,60,255,.45)}.available-avatar.one{background-image:url("assets/advisor-mila.webp")}.available-avatar.two{background-image:url("assets/advisor-aurora.webp")}.available-avatar.three{background-image:url("assets/advisor-luca.webp")}.available-avatar.four{background-image:url("assets/advisor-sophia.webp")}.available-list h3{margin:0 0 4px;color:#fff}.available-list p{margin:0;color:#d7ccef;font-size:13px}
@media(max-width:980px){.hero-visual{opacity:.28;width:100%}.available-wrap{grid-template-columns:1fr}.available-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.available-list{grid-template-columns:1fr 1fr;gap:18px}.available-avatar{width:112px;height:112px}}


/* v1.2 fix: rustige sectie zonder dubbele beelden */
.availability{
  background:
    radial-gradient(circle at 18% 35%, rgba(125,60,255,.28), transparent 22%),
    radial-gradient(circle at 80% 30%, rgba(243,211,123,.12), transparent 18%),
    linear-gradient(115deg,#0b0520,#17072f 58%,#250f4f);
}
.available-wrap{
  grid-template-columns:360px 1fr;
}
.available-list{
  align-items:start;
}
.available-list > div{
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  padding:18px 12px 16px;
  backdrop-filter:blur(8px);
}
.available-avatar{
  background-size:cover!important;
  background-position:center!important;
  overflow:hidden;
}
@media(max-width:980px){
  .available-wrap{grid-template-columns:1fr}
}


/* v1.3 header fix */
.site-header{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:96px;
  padding:0;
  display:flex;
  align-items:center;
  background:linear-gradient(180deg,rgba(8,3,22,.88),rgba(8,3,22,.45) 72%,rgba(8,3,22,0));
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.header-inner{
  min-height:78px;
  align-items:center;
}
.logo{
  min-width:230px;
  flex:0 0 auto;
}
.logo-mark{
  width:42px;
  height:42px;
}
.logo-title{
  font-size:22px;
  white-space:nowrap;
}
.logo-sub{
  font-size:11px;
}
.main-nav{
  flex:1 1 auto;
  justify-content:center;
  gap:22px;
  font-size:13px;
  line-height:1.15;
  white-space:nowrap;
}
.main-nav a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
}
.header-actions{
  flex:0 0 auto;
}
.header-actions .btn{
  min-height:42px;
  padding:0 18px;
}
.hero-content{
  padding-top:185px;
}
@media(max-width:1120px){
  .main-nav{gap:14px;font-size:12px}
  .logo{min-width:205px}
  .logo-title{font-size:19px}
  .header-actions .btn{padding:0 14px}
}
@media(max-width:980px){
  .site-header{
    height:86px;
    background:rgba(8,3,22,.76);
  }
  .header-inner{min-height:70px}
  .hero-content{padding-top:132px}
  .logo{min-width:auto}
}
@media(max-width:640px){
  .site-header{height:78px}
  .hero-content{padding-top:112px}
  .logo-mark{width:38px;height:38px}
}


/* v1.4 hero blend + reviewtekst */
.hero{
  background:
    radial-gradient(circle at 18% 35%,rgba(91,43,145,.62),transparent 30%),
    linear-gradient(115deg,#080316 0%,#15072f 45%,#23104d 100%);
}
.hero-visual{
  right:0;
  width:62%;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 7%,rgba(0,0,0,.78) 18%,#000 34%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 7%,rgba(0,0,0,.78) 18%,#000 34%);
}
.hero-visual:after{
  background:
    linear-gradient(90deg,#0b0620 0%,rgba(11,6,32,.96) 9%,rgba(11,6,32,.72) 18%,rgba(11,6,32,.18) 42%,rgba(11,6,32,.18) 100%),
    radial-gradient(circle at 12% 45%,rgba(11,6,32,.86),transparent 30%);
}
.hero-content{
  max-width:575px;
}
.trust strong{
  font-family:Georgia,serif;
  font-size:26px;
}
@media(max-width:980px){
  .hero-visual{
    width:100%;
    opacity:.32;
    mask-image:none;
    -webkit-mask-image:none;
  }
  .hero-visual:after{
    background:rgba(11,6,32,.72);
  }
}