/* Engelen Fluisteren — Ontdekken */
.efo,.efo-tip,.efo-zwevend,.efo-voortgang{--efo-g:#b8892f;--efo-gd:#8f6a1f;--efo-gs:#e3cf9f;--efo-c:#fbf7f0;--efo-w:#fffdf8;--efo-t:#2a2418;--efo-m:#6b5f4d;--efo-l:rgba(170,130,40,.22);--efo-nacht:#262a4f;font-family:"Cormorant Garamond",Georgia,serif;color:var(--efo-t)}
.efo *,.efo-tip *{box-sizing:border-box}
.efo [hidden],.efo-zwevend[hidden]{display:none!important}
.efo-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.efo-k{display:block;font-family:"Cinzel",serif;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--efo-g);margin-bottom:8px}
.efo-h2{font-family:"Cinzel",serif;font-weight:500;font-size:clamp(24px,3.2vw,34px);line-height:1.2;color:var(--efo-t);margin:0 0 10px;letter-spacing:.02em}
.efo-h3{font-family:"Cinzel",serif;font-weight:500;font-size:21px;line-height:1.25;color:var(--efo-t);margin:0 0 8px}
.efo-p{font-size:18px;line-height:1.6;color:#4d4133;margin:0 0 12px}
.efo-klein{font-size:15.5px;color:var(--efo-m);font-style:italic}
.efo-link{font-family:"Cinzel",serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--efo-gd)!important;text-decoration:none!important;border-bottom:1px solid var(--efo-gs);padding-bottom:2px;white-space:nowrap}
.efo-link:hover{color:var(--efo-t)!important;border-color:var(--efo-g)}
.efo-link-klein{display:inline-block;margin-top:12px;font-size:11px}
.efo-knop{display:inline-flex;align-items:center;gap:8px;font-family:"Cinzel",serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;background:var(--efo-g);color:#fff!important;text-decoration:none!important;border-radius:999px;padding:12px 22px;box-shadow:0 8px 20px -10px rgba(143,106,31,.8);transition:transform .2s ease,background .2s ease}
.efo-knop:hover{background:var(--efo-gd);transform:translateY(-2px)}

/* De tip midden in het artikel */
.efo-tip{display:flex;gap:20px;align-items:center;background:linear-gradient(135deg,#fffdf8,#f7efe0);border:1px solid var(--efo-l);border-radius:22px;padding:20px 22px;margin:34px 0;box-shadow:0 14px 34px -24px rgba(110,80,20,.55)}
.efo-tip-foto{flex:0 0 112px;height:112px;border-radius:18px;overflow:hidden;background:#efe6d2}
.efo-tip-foto img{width:100%;height:100%;object-fit:cover;display:block;margin:0!important}
.efo-tip-tekst{flex:1;min-width:0}
.efo-tip .efo-k{margin-bottom:4px}
.efo-tip-kop{font-family:"Cinzel",serif;font-size:20px;line-height:1.25;color:var(--efo-t);margin:0 0 6px!important}
.efo-tip-zin{font-size:17.5px;line-height:1.5;color:#4d4133;margin:0 0 12px!important}
.efo-getal{display:flex;gap:8px;flex-wrap:wrap;margin:0}
.efo-getal input{flex:1 1 160px;min-width:0;font:inherit;font-size:18px;background:#fff;border:1px solid var(--efo-gs);border-radius:999px;padding:10px 18px;color:var(--efo-t);outline:none}
.efo-getal input:focus{border-color:var(--efo-g);box-shadow:0 0 0 3px rgba(220,190,110,.3)}
.efo-getal button{font-family:"Cinzel",serif;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;background:var(--efo-g);color:#fff;border:0;border-radius:999px;padding:11px 20px;cursor:pointer}
.efo-getal button:hover{background:var(--efo-gd)}

/* Het blok onder het artikel */
.efo{margin:64px 0 10px;clear:both}
.efo-wijd{width:min(1100px,calc(100vw - 32px));position:relative;left:50%;transform:translateX(-50%)}
.efo-kop{text-align:center;max-width:680px;margin:0 auto 30px}
.efo-sub{font-size:19px;line-height:1.55;color:var(--efo-m);margin:0;font-style:italic}
.efo-alleenjij{display:inline-block;margin-top:12px;font-size:14px;background:#fff4d6;border:1px dashed #d6b25c;border-radius:999px;padding:4px 14px;color:#7a5a14}
.efo-duo{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}
.efo-paneel{background:var(--efo-w);border:1px solid var(--efo-l);border-radius:24px;padding:28px 28px 26px;box-shadow:0 20px 44px -32px rgba(110,80,20,.6);min-width:0}
.efo-blok{background:var(--efo-w);border:1px solid var(--efo-l);border-radius:24px;padding:26px 28px;margin-bottom:22px;box-shadow:0 20px 44px -32px rgba(110,80,20,.6)}
.efo-blokkop{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.efo-blokkop .efo-h3{margin:0}

/* Kaart */
.efo-waaier{position:relative;height:190px;display:flex;justify-content:center;align-items:flex-end;margin:10px 0 4px}
.efo-kaart{position:relative;width:104px;height:156px;margin:0 -10px;border:0;padding:0;background:none;cursor:pointer;border-radius:12px;transition:transform .35s cubic-bezier(.3,.7,.3,1),opacity .35s ease}
.efo-kaart[data-i="0"]{transform:rotate(-9deg) translateY(8px)}
.efo-kaart[data-i="2"]{transform:rotate(9deg) translateY(8px)}
.efo-kaart:hover,.efo-kaart:focus-visible{transform:translateY(-14px) rotate(0);z-index:2;outline:none}
.efo-kaart:focus-visible .efo-rug{box-shadow:0 0 0 3px var(--efo-gs),0 14px 26px -12px rgba(20,20,60,.7)}
.efo-rug{position:absolute;inset:0;border-radius:12px;background:radial-gradient(circle at 50% 42%,rgba(232,201,120,.35),transparent 42%),radial-gradient(circle at 20% 15%,rgba(255,255,255,.18) 0 1px,transparent 2px),radial-gradient(circle at 75% 30%,rgba(255,255,255,.22) 0 1px,transparent 2px),radial-gradient(circle at 35% 80%,rgba(255,255,255,.16) 0 1px,transparent 2px),radial-gradient(circle at 82% 78%,rgba(255,255,255,.2) 0 1px,transparent 2px),linear-gradient(160deg,#30356a,var(--efo-nacht) 60%,#1d2040);border:1px solid rgba(232,201,120,.55);box-shadow:inset 0 0 0 5px rgba(38,42,79,1),inset 0 0 0 6px rgba(232,201,120,.45),0 14px 26px -12px rgba(20,20,60,.7)}
.efo-rug:after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#e8c978;font-size:26px;text-shadow:0 0 12px rgba(232,201,120,.7)}
.efo-waaier.gekozen .efo-kaart{pointer-events:none}
.efo-waaier.gekozen .efo-kaart:not(.de-kaart){opacity:0;transform:translateY(20px) scale(.9)}
.efo-waaier.gekozen .de-kaart{transform:translateY(-6px) rotateY(180deg) scale(1.05);z-index:3}
.efo-onthulling{animation:efoIn .6s ease both}
.efo-voorkant{text-align:center;background:linear-gradient(180deg,#fffaf0,#f6ead2);border:1px solid var(--efo-gs);border-radius:18px;padding:18px 18px 16px;margin:0 0 14px;box-shadow:inset 0 0 0 6px #fffaf0,inset 0 0 0 7px rgba(184,137,47,.35)}
.efo-ster{color:var(--efo-g);font-size:18px}
.efo-kaartnaam{font-family:"Cinzel",serif;font-size:24px;color:var(--efo-t);margin:4px 0 6px!important;letter-spacing:.04em}
.efo-kaartkern{font-size:18.5px;font-style:italic;color:#5d4b35;margin:0!important;line-height:1.45}
.efo-vandaag{background:#fbf3e2;border-left:3px solid var(--efo-g);border-radius:0 12px 12px 0;padding:10px 14px;font-size:17.5px;line-height:1.5;margin:0 0 10px}
.efo-vandaag b{font-family:"Cinzel",serif;font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--efo-gd);display:block;margin-bottom:2px}
.efo-onthulling .efo-link{display:inline-block;margin-top:6px;white-space:normal}
@keyframes efoIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Quiz */
.efo-quiz{margin-top:6px}
.efo-stappen{display:flex;gap:6px;margin:0 0 14px}
.efo-stappen i{flex:1;height:4px;border-radius:4px;background:#efe3c8}
.efo-stappen i.ok{background:var(--efo-g)}
.efo-vraag{font-family:"Cinzel",serif;font-size:18px;line-height:1.35;margin:0 0 12px;color:var(--efo-t)}
.efo-opties{display:grid;gap:9px}
.efo-optie{font:inherit;font-size:18px;line-height:1.35;text-align:left;background:#fff;border:1px solid var(--efo-gs);color:var(--efo-t);border-radius:16px;padding:11px 16px;cursor:pointer;transition:all .18s ease}
.efo-optie:hover,.efo-optie:focus-visible{border-color:var(--efo-g);background:#fffaf0;transform:translateX(3px);outline:none}
.efo-uitslag{animation:efoIn .5s ease both}
.efo-uitslag .efo-h3{font-size:22px}
.efo-voorstellen{display:grid;gap:10px;margin:14px 0 10px}
.efo-voorstel{display:block;text-decoration:none!important;background:#fff;border:1px solid var(--efo-l);border-radius:14px;padding:11px 15px;color:var(--efo-t)!important;transition:all .2s ease}
.efo-voorstel:hover{border-color:var(--efo-g);transform:translateY(-2px)}
.efo-voorstel small{display:block;font-family:"Cinzel",serif;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--efo-g);margin-bottom:2px}
.efo-voorstel span{font-size:18px}
.efo-opnieuw{font:inherit;font-size:15.5px;background:none;border:0;color:var(--efo-m);text-decoration:underline;cursor:pointer;padding:0}

/* Testen */
.efo-rij{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,232px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;scrollbar-width:thin;scrollbar-color:var(--efo-gs) transparent;outline:none}
.efo-tegel{scroll-snap-align:start;display:flex;flex-direction:column;text-decoration:none!important;color:var(--efo-t)!important;background:#fff;border:1px solid var(--efo-l);border-radius:18px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.efo-tegel:hover{transform:translateY(-5px);box-shadow:0 16px 30px -18px rgba(110,80,20,.55)}
.efo-tegel-foto{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#efe6d2,#e7d9bd);overflow:hidden}
.efo-tegel-foto img{width:100%;height:100%;object-fit:cover;display:block;margin:0!important;transition:transform .5s ease}
.efo-tegel:hover .efo-tegel-foto img{transform:scale(1.06)}
.efo-tegel-label{font-family:"Cinzel",serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--efo-g);padding:12px 14px 0}
.efo-tegel-titel{font-family:"Cinzel",serif;font-size:15.5px;line-height:1.3;padding:4px 14px 0}
.efo-tegel-kort{font-size:16px;line-height:1.4;color:var(--efo-m);padding:4px 14px 14px}

/* Boek */
.efo-boekblok{display:grid;grid-template-columns:190px 1fr;gap:30px;align-items:center;background:linear-gradient(135deg,#fffdf8 30%,#f6ecd8)}
.efo-boek{display:block;perspective:900px;text-decoration:none!important}
.efo-omslag{position:relative;display:block;width:170px;aspect-ratio:3/4;border-radius:3px 9px 9px 3px;background:#f6efe2 center/cover no-repeat;transform:rotateY(-14deg) rotateX(2deg);transform-origin:left center;box-shadow:inset 0 0 0 1px rgba(143,106,31,.08),18px 22px 36px -18px rgba(70,48,18,.55),5px 7px 14px rgba(70,48,18,.16);overflow:hidden;transition:transform .5s ease;margin-left:8px}
.efo-boek:hover .efo-omslag{transform:rotateY(-4deg)}
.efo-omslag:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7%;background:linear-gradient(90deg,rgba(0,0,0,.14),rgba(255,255,255,.15) 60%,transparent);z-index:2}
.efo-omslag-tekst{position:absolute;z-index:3;top:9%;left:8%;right:8%;text-align:center;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word}
.efo-omslag-tekst small{display:block;font-family:"Cinzel",serif;font-size:6.5px;letter-spacing:.3em;color:var(--efo-gd);margin-bottom:7px}
.efo-omslag-tekst b{display:block;font-family:"Cinzel",serif;font-weight:500;font-size:13px;line-height:1.18;color:#43331f;text-shadow:0 0 8px rgba(251,247,240,.95)}
.efo-boekmeta{font-family:"Cinzel",serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--efo-gd);margin:0 0 14px}

/* Lees verder */
.efo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.efo-artikel{display:flex;flex-direction:column;text-decoration:none!important;color:var(--efo-t)!important;background:#fff;border:1px solid var(--efo-l);border-radius:16px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.efo-artikel:hover{transform:translateY(-4px);box-shadow:0 14px 28px -18px rgba(110,80,20,.5)}
.efo-artikel-foto{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#efe6d2,#e7d9bd)}
.efo-artikel-foto img{width:100%;height:100%;object-fit:cover;display:block;margin:0!important}
.efo-artikel-titel{font-family:"Cinzel",serif;font-size:15px;line-height:1.35;padding:12px 14px 14px}

/* Op de losse pagina's */
.efo.efo-statisch{margin:56px 0 48px;overflow-x:clip}
.efo-statisch .efo-wijd{left:auto;transform:none;margin:0 auto}

/* Na de gratis reading */
.efo.efo-nareading{display:flex;gap:18px;align-items:center;margin:26px 0 4px;padding:16px 18px;background:linear-gradient(135deg,#fffdf8,#f7efe0);border:1px solid var(--efo-l);border-radius:18px;text-align:left;animation:efoIn .6s ease both}
.efo-nr-omslag{flex:0 0 64px;display:block;text-decoration:none!important}
.efo-nr-omslag span{display:block;width:64px;aspect-ratio:3/4;border-radius:2px 6px 6px 2px;background:#f6efe2 center/cover no-repeat;box-shadow:8px 10px 18px -10px rgba(70,48,18,.55),2px 3px 6px rgba(70,48,18,.14)}
.efo-nr-tekst{flex:1;min-width:0}
.efo-nr-tekst .efo-k{margin-bottom:2px}
.efo-nr-titel{font-family:"Cinzel",serif;font-size:17px;line-height:1.25;color:var(--efo-t);margin:0 0 4px!important}
.efo-nr-zin{font-size:16.5px;line-height:1.45;color:#4d4133;margin:0 0 8px!important}
.efo-nareading .efo-link{white-space:normal}

/* Het oude "Lees ook" valt weg als dit blok er is */
body.efo-leesook .ef-leesook{display:none!important}

/* Zwevend knopje */
.efo-zwevend{position:fixed;z-index:9990;margin:0!important;right:20px;bottom:20px;display:inline-flex;align-items:center;gap:8px;font-family:"Cinzel",serif;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;background:var(--efo-g);color:#fff!important;text-decoration:none!important;border-radius:999px;padding:11px 12px 11px 18px;box-shadow:0 12px 26px -10px rgba(110,80,20,.7);transform:translateY(120%);opacity:0;transition:transform .35s ease,opacity .35s ease}
.efo-zwevend.zichtbaar{transform:none;opacity:1}
.efo-zwevend[hidden]{display:none}
.efo-zw-dicht{font:inherit;font-size:16px;line-height:1;background:rgba(255,255,255,.18);color:#fff;border:0;border-radius:50%;width:24px;height:24px;cursor:pointer;margin-left:4px}

/* Leesbalkje */
.efo-voortgang{position:fixed;z-index:9991;margin:0!important;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px);height:3px;background:transparent;pointer-events:none}
.efo-voortgang span{display:block;height:100%;width:0;background:linear-gradient(90deg,#e3cf9f,#b8892f)}

@media (max-width:900px){
 .efo-duo{grid-template-columns:1fr}
 .efo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
 .efo-paneel,.efo-blok{padding:22px 18px}
 .efo-boekblok{grid-template-columns:1fr;text-align:center;justify-items:center}
 .efo-omslag{margin:0 auto}
 .efo-grid{grid-template-columns:1fr 1fr;gap:10px}
 .efo-artikel-titel{font-size:13.5px;padding:10px}
 .efo-tip{flex-direction:column;align-items:flex-start}
 .efo-tip-foto{flex-basis:auto;width:100%;height:140px}
 .efo-zwevend{left:50%;right:auto;transform:translate(-50%,120%)}
 .efo-zwevend.zichtbaar{transform:translate(-50%,0)}
}
@media (prefers-reduced-motion:reduce){
 .efo *,.efo-tip *{transition:none!important;animation:none!important}
}
