/*
Theme Name: Hypnose Accelerator — Interesselijst (HIN 2026)
Theme URI: https://hypnosegeheimen.nl
Author: Hypnose Instituut Nederland
Author URI: https://hypnoseinstituutnederland.nl
Description: Interesselijst-landingspagina voor de Hypnose Accelerator — de versnelde 1.0 opleiding (total immersion). In de nieuwe HIN-huisstijl (2026): AllRound Gothic, goud/oranje, ronde vormen. Aanmeldingen komen rechtstreeks binnen in ActiveCampaign.
Version: 2.3
Requires at least: 5.5
Tested up to: 6.6
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: accelerator-hin
*/

/* ---------- Merklettertype: AllRound Gothic ---------- */
@font-face{font-family:'AllRound Gothic';src:url('assets/fonts/AllRoundGothic-Text.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'AllRound Gothic';src:url('assets/fonts/AllRoundGothic-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'AllRound Gothic';src:url('assets/fonts/AllRoundGothic-Demi.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'AllRound Gothic';src:url('assets/fonts/AllRoundGothic-Bold.otf') format('opentype');font-weight:800;font-style:normal;font-display:swap}

:root{
  --gold:#F0B14B;
  --gold-2:#F7C86E;
  --gold-soft:#FDF6E7;
  --gold-tint:#FCEFD3;
  --orange:#E2701C;
  --orange-deep:#CB5E14;
  --ink:#33302B;
  --muted:#7A7468;
  --cream:#FDF8EF;
  --line:#EFE7D8;
  --dark:#2B2520;
  --maxw:1120px;
  /* Titels in AllRound Gothic, bodytekst in Nunito */
  --font-title:'AllRound Gothic','Trebuchet MS',Arial,sans-serif;
  --font-body:'Nunito','Trebuchet MS',Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--ink);background:#fff;line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.hd{font-family:var(--font-title);font-weight:800;line-height:1.12}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
img{max-width:100%}

/* ---------- Buttons (pill) ---------- */
.btn{display:inline-block;font-family:var(--font-title);font-weight:700;border-radius:999px;
  transition:transform .15s,box-shadow .15s,background .15s;cursor:pointer;border:none;text-align:center;line-height:1.1}
.btn-lg{font-size:1.06rem;padding:16px 34px}
.btn-orange{background:var(--orange);color:#fff;box-shadow:0 10px 24px rgba(226,112,28,.26)}
.btn-orange:hover{background:var(--orange-deep);transform:translateY(-2px);box-shadow:0 14px 30px rgba(226,112,28,.34)}
.btn-outline{background:#fff;color:var(--orange);border:2px solid var(--orange)}
.btn-outline:hover{background:var(--orange);color:#fff}
.btn-ghostwhite{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}
.btn-ghostwhite:hover{background:#fff;color:var(--orange);border-color:#fff}
.btn-block{display:block;width:100%}

/* ---------- Nav ---------- */
header.nav{background:#fff;position:relative;z-index:5;border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:78px}
.logo{display:flex;align-items:center}
.logo-img{height:34px;width:auto;display:block}
.nav a.navcta{background:var(--orange);color:#fff;font-weight:700;font-size:.95rem;padding:12px 24px;border-radius:999px;transition:transform .15s,background .15s}
.nav a.navcta:hover{background:var(--orange-deep);transform:translateY(-1px)}

/* ---------- Hero ---------- */
.hero{position:relative;background:#fff;padding:78px 0 92px;overflow:hidden}
.hero:before{content:"";position:absolute;right:-140px;top:-120px;width:440px;height:440px;border-radius:46% 54% 60% 40%/50% 42% 58% 50%;background:var(--gold);opacity:.16}
.hero:after{content:"";position:absolute;left:-150px;bottom:-170px;width:320px;height:320px;border-radius:50%;background:var(--gold);opacity:.14}
.hero-in{position:relative;z-index:2;max-width:760px}
.kicker{display:inline-block;background:var(--gold-tint);color:var(--orange-deep);font-weight:700;text-transform:uppercase;
  letter-spacing:1.4px;font-size:.74rem;padding:8px 16px;border-radius:999px;margin-bottom:22px}
.hero h1{font-size:3.1rem;color:var(--gold);margin-bottom:22px;letter-spacing:-.3px}
.hero h1 .em{color:var(--orange)}
.hero .sub{font-size:1.22rem;color:var(--muted);max-width:620px;margin-bottom:30px;font-weight:400}
.hero .meta{display:flex;flex-wrap:wrap;gap:12px 26px;margin-bottom:34px}
.hero .meta div{display:flex;align-items:center;gap:9px;font-size:1rem;color:var(--ink);font-weight:500}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.hero .micro{margin-top:18px;font-size:.88rem;color:var(--muted)}

/* ---------- Sections ---------- */
section{padding:76px 0}
.sec-head{max-width:720px;margin:0 auto 46px;text-align:center}
.eyebrow{font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:.78rem;color:var(--orange);margin-bottom:12px}
h2.title{font-size:2.35rem;color:var(--gold);margin-bottom:16px;letter-spacing:-.3px}
h2.title .em{color:var(--orange)}
.sec-head p{font-size:1.12rem;color:var(--muted)}

/* feature cards */
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.feat{background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px 28px;transition:transform .15s,box-shadow .15s}
.feat:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(226,112,28,.12)}
.ic{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--gold),var(--orange));
  display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 8px 18px rgba(226,112,28,.22)}
.feat h3{font-size:1.28rem;color:var(--ink);margin-bottom:10px;font-weight:700}
.feat p{color:var(--muted);font-size:1rem;font-weight:400}

/* how-band (cream) */
.band{background:var(--gold-soft)}
.immers{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.istep{background:#fff;border-radius:20px;padding:26px 24px;box-shadow:0 10px 30px rgba(51,48,43,.06)}
.istep .n{font-size:1.9rem;font-weight:800;color:var(--orange);margin-bottom:10px}
.istep h4{font-size:1.1rem;font-weight:700;color:var(--ink);margin-bottom:8px}
.istep p{color:var(--muted);font-size:.97rem;font-weight:400}

/* for-who */
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.who-card{border:1px solid var(--line);border-radius:22px;padding:30px 26px;background:#fff}
.who-card .ic{margin-bottom:18px}
.who-card h4{font-size:1.14rem;font-weight:700;color:var(--ink);margin-bottom:9px}
.who-card p{color:var(--muted);font-size:.99rem;font-weight:400}

/* ---------- Signup (gold) ---------- */
.signup{background:var(--gold);color:#fff;position:relative;overflow:hidden}
.signup:before{content:"";position:absolute;left:-120px;top:-120px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.12)}
.signup-in{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;max-width:1000px;margin:0 auto}
.signup .eyebrow{color:#fff;opacity:.9}
.signup h2{font-size:2.25rem;color:#fff;margin-bottom:16px;line-height:1.14}
.signup .lead{color:rgba(255,255,255,.95);font-size:1.1rem;margin-bottom:24px;font-weight:400}
.benefits{list-style:none;display:flex;flex-direction:column;gap:14px}
.benefits li{display:flex;align-items:flex-start;gap:12px;font-size:1.04rem;color:#fff;font-weight:500}
.benefits li svg{flex:0 0 auto;margin-top:2px}

.form-card{background:#fff;color:var(--ink);border-radius:24px;padding:36px 32px;box-shadow:0 26px 60px rgba(51,37,20,.22)}
.form-card h3{font-size:1.4rem;color:var(--gold);margin-bottom:6px;font-weight:800}
.form-card .fc-sub{color:var(--muted);font-size:.99rem;margin-bottom:22px;font-weight:400}
.field{margin-bottom:16px}
.field label{display:block;font-weight:700;font-size:.92rem;margin-bottom:7px;color:var(--ink)}
.field input{width:100%;font-family:var(--font-body);font-size:1rem;padding:14px 16px;border:1.5px solid var(--line);
  border-radius:12px;background:#fffdf9;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.field input::placeholder{color:#b4ab9b}
.field input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(240,177,75,.25)}
.form-card .fine{margin-top:14px;font-size:.83rem;color:var(--muted);text-align:center;line-height:1.5;font-weight:400}

/* ---------- FAQ ---------- */
.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.faq summary{list-style:none;cursor:pointer;padding:20px 24px;font-weight:700;font-size:1.06rem;color:var(--gold);
  display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-size:1.6rem;color:var(--orange);font-weight:400;line-height:1}
.faq[open] summary:after{content:"\2013"}
.faq .a{padding:0 24px 20px;color:var(--muted);font-weight:400}

/* ---------- Footer ---------- */
footer.site-footer{background:var(--dark);color:#fff;padding:44px 0;text-align:center}
footer.site-footer .logo{justify-content:center;margin-bottom:14px}
footer.site-footer .logo-img{height:32px}
footer.site-footer p{color:rgba(255,255,255,.6);font-size:.9rem;font-weight:400}

/* ---------- ActiveCampaign-formulier in HIN-stijl ---------- */
#_form_144_{position:relative;margin:0}
#_form_144_ ._form-content{margin:0}
#_form_144_ input._has_error{border-color:#e4556b;box-shadow:0 0 0 3px rgba(228,85,107,.14)}
#_form_144_ ._button-wrapper{margin-top:6px}
#_form_144_ button.processing{opacity:.65;cursor:progress}
#_form_144_ ._error{display:block;margin:-8px 0 12px}
#_form_144_ ._error-inner{display:inline-block;background:#fdecef;color:#b3243c;border:1px solid #f4c3cd;
  border-radius:10px;padding:8px 12px;font-size:.86rem;line-height:1.4}
#_form_144_ ._error-arrow{display:none}
#_form_144_ ._form_error{background:#fdecef;color:#b3243c;border:1px solid #f4c3cd;border-radius:10px;
  padding:10px 13px;font-size:.9rem;margin-bottom:14px;text-align:center}
#_form_144_ ._form-thank-you{text-align:center;font-weight:700;font-size:1.2rem;color:var(--gold);padding:18px 6px;line-height:1.5}
#_form_144_ ._form-branding{display:none}

/* ---------- Responsive ---------- */
@media(max-width:860px){
  .signup-in{grid-template-columns:1fr;gap:34px}
  .immers{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .three,.who-grid{grid-template-columns:1fr}
  .hero{padding:56px 0 66px}
  .hero h1{font-size:2.2rem}
  .hero .sub{font-size:1.08rem}
  h2.title,.signup h2{font-size:1.9rem}
  .nav a.navcta{display:none}
  section{padding:58px 0}
}
@media(max-width:460px){
  .immers{grid-template-columns:1fr}
}

/* ---------- Hero met foto ---------- */
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.06fr .94fr;gap:50px;align-items:center}
.hero-grid .hero-in{max-width:none}
.hero-photo{position:relative}
.hero-photo:before{content:"";position:absolute;inset:-18px -14px -14px -18px;background:var(--gold);opacity:.18;
  border-radius:52% 48% 42% 58%/55% 45% 55% 45%}
.hero-photo img{position:relative;width:100%;aspect-ratio:1/1;object-fit:cover;display:block;
  border-radius:46% 54% 60% 40%/50% 42% 58% 50%;box-shadow:0 26px 60px rgba(51,37,20,.22)}

/* ---------- Reviews ---------- */
.reviews{background:var(--cream)}
.trustbar{max-width:720px;margin:0 auto 40px;background:#fff;border:1px solid var(--line);border-radius:999px;
  padding:16px 26px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 26px;
  box-shadow:0 10px 30px rgba(51,48,43,.06);text-align:center}
.trustbar .stars{display:inline-flex;gap:3px}
.trustbar .tb-item{font-weight:500;color:var(--ink);font-size:.98rem}
.trustbar .tb-item b{font-weight:800;color:var(--orange)}
.trustbar .tb-sep{width:1px;height:20px;background:var(--line)}
.reviews .review-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:22px;align-items:stretch;width:100%}
.reviews .review-card{min-width:0;width:auto;float:none;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 26px;display:flex;flex-direction:column;gap:14px;margin:0}
.review-card .stars{display:inline-flex;gap:3px}
.review-card .quote{color:var(--ink);font-size:1.04rem;line-height:1.6;font-weight:500;flex:1}
.review-card .author{display:flex;align-items:center;gap:13px;margin-top:4px}
.review-card .author img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--gold-tint)}
.review-card .author .nm{font-weight:700;color:var(--ink);font-size:.98rem;line-height:1.25}
.review-card .author .rl{color:var(--muted);font-size:.86rem}

@media(max-width:860px){
  .hero-grid{grid-template-columns:1fr;gap:34px}
  .hero-photo{max-width:440px}
}
/* Reviews blijven 3 naast elkaar; pas op smalle telefoons onder elkaar */
@media(max-width:860px){
  .review-card{padding:22px 20px}
  .review-card .quote{font-size:.98rem}
}
@media(max-width:560px){
  .reviews .review-grid{grid-template-columns:1fr !important}
}

/* ---------- VIP-keuzevak ---------- */
.vip-row{margin:2px 0 4px}
.vip-check{display:flex;align-items:flex-start;gap:13px;cursor:pointer;background:var(--gold-soft);
  border:1.5px solid var(--gold-tint);border-radius:14px;padding:14px 16px;transition:border-color .15s,background .15s}
.vip-check:hover{border-color:var(--gold)}
.vip-check input[type="checkbox"]{position:absolute;opacity:0;width:1px;height:1px}
.vip-check .box{flex:0 0 auto;width:23px;height:23px;border-radius:7px;border:2px solid var(--gold);background:#fff;
  display:flex;align-items:center;justify-content:center;margin-top:1px;transition:background .15s,border-color .15s}
.vip-check .box svg{opacity:0;transition:opacity .12s}
.vip-check input[type="checkbox"]:checked + .box{background:var(--orange);border-color:var(--orange)}
.vip-check input[type="checkbox"]:checked + .box svg{opacity:1}
.vip-check input[type="checkbox"]:focus-visible + .box{box-shadow:0 0 0 3px rgba(240,177,75,.3)}
.vip-check .txt{font-size:.96rem;color:var(--ink);line-height:1.3}
.vip-check .txt b{display:block;font-weight:700}
.vip-check .txt small{color:var(--muted);font-size:.84rem}

/* ---------- Lettertype-verdeling ----------
   Bodytekst in Nunito, titels/labels/knoppen in AllRound Gothic.
   !important zodat een globale stijl of plugin dit niet kan overschrijven. */
body, body p, body li, body ul, body ol, body a, body small, body strong, body b, body em,
body label, body legend, body input, body textarea, body select,
body .sub, body .lead, body .quote, body .fine, body .tb-item, body .micro, body .benefits li,
body .feat p, body .istep p, body .who-card p, body .faq .a, body .sec-head p, body .fc-sub,
#_form_144_, #_form_144_ ._form-content, #_form_144_ label, #_form_144_ input, #_form_144_ ._form-thank-you{
  font-family:var(--font-body) !important;
}
body h1, body h2, body h3, body h4, body h5, body h6, body .hd, body .title,
body .eyebrow, body .kicker, body .btn, body .nav a.navcta, body .faq summary,
body .istep .n, #_form_144_ ._form-title{
  font-family:var(--font-title) !important;
}