/* Pages de vente des e-books (1er nov. 2026) : « Ce qu'il y a dans le livre », le livre qui s'ouvre sur ses vraies pages.
   Pages HTML lues dans uploads/ebooks/vitrine/<nom>.json (vitrine.php). Accent : variables --yv-* de la page (yt-ebooks-boutique.php). */

html body.single-fluent-products.ypv3 .ype .yv-sec{padding-bottom:104px!important}
html body.single-fluent-products.ypv3 .ype .yv-sec h2.yv-h2{margin:0 auto 4px!important;max-width:none!important;text-align:center!important}
html body.single-fluent-products.ypv3 .ype .yv-sec p.yv-sous{margin:0 auto!important;max-width:620px!important;text-align:center!important;font-size:18px!important;line-height:1.5!important;color:rgba(255,255,255,.66)!important}

/* ---------- la scène et le livre ---------- */
html body .ype .yv-scene{--pw:min(40vw,440px);--ph:calc(var(--pw) * 1.38);position:relative;display:flex;align-items:center;justify-content:center;height:calc(var(--ph) + 140px);margin:0 auto;perspective:2600px;perspective-origin:50% 20%;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
html body .ype .yv-scene::after{content:"";position:absolute;left:50%;bottom:34px;z-index:0;width:calc(var(--pw) * 1.05);height:46px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent);filter:blur(8px);transition:width 1.3s cubic-bezier(.65,0,.35,1)}
html body .ype .yv-scene.is-ouvert::after{width:calc(var(--pw) * 2.1)}
html body .ype .yv-livre{position:relative;z-index:1;width:calc(var(--pw) * 2);height:var(--ph);font-size:calc(var(--pw) / 27);transform-style:preserve-3d;transform:translateX(calc(var(--pw) * -.5)) rotateX(12deg);transition:transform 1.3s cubic-bezier(.65,0,.35,1)}
html body .ype .yv-livre.is-ouvert{transform:translateX(0) rotateX(12deg)}
html body .ype .yv-base{position:absolute;left:50%;top:0;width:var(--pw);height:100%;transform:translateZ(-1px);transform-style:preserve-3d}
html body .ype .yv-base::before{content:"";position:absolute;top:-1.2%;bottom:-1.2%;left:0;right:-2.2%;border-radius:0 7px 7px 0;background:#1B1C21;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
html body .ype .yv-f{position:absolute;left:50%;top:0;width:var(--pw);height:100%;transform-origin:0 50%;transform-style:preserve-3d;transform:rotateY(0deg) translateZ(var(--z0,0px));transition:transform 1.3s cubic-bezier(.645,.045,.355,1)}
html body .ype .yv-f.is-t{transform:rotateY(-180deg) translateZ(var(--z1,0px))}
html body .ype .yv-face{position:absolute;inset:0;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(.02px)}
html body .ype .yv-v{transform:rotateY(180deg) translateZ(.02px)}
/* la couverture : un peu plus grande que les pages, carton sombre à l'intérieur */
html body .ype .yv-f0{top:-1.2%;height:102.4%;width:calc(var(--pw) * 1.022)}
html body .ype .yv-f0 .yv-r{border-radius:2px 7px 7px 2px;background:#111}
html body .ype .yv-f0 .yv-r img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:0!important;margin:0!important}
html body .ype .yv-f0 .yv-r::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(255,255,255,.16) 1.6%,rgba(0,0,0,.1) 3.6%,transparent 9%),linear-gradient(115deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);pointer-events:none}
html body .ype .yv-f0 .yv-v{border-radius:7px 2px 2px 7px;background:#1B1C21}
html body .ype .yv-f0 .yv-v .yv-pg{inset:1.17% 0 1.17% 2.15%}
/* ombre qui passe sur la page pendant qu'elle tourne */
html body .ype .yv-f.is-vol .yv-face::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,0) 45%,rgba(255,255,255,.18) 75%,rgba(0,0,0,0));animation:yvVol 1.3s ease-in-out both}
@keyframes yvVol{0%,100%{opacity:0}50%{opacity:1}}
html body .ype .yv-scene.yv-rm .yv-livre,html body .ype .yv-scene.yv-rm .yv-f,html body .ype .yv-scene.yv-rm::after{transition:none!important}
html body .ype .yv-scene.yv-arret *{animation-play-state:paused!important}

/* ---------- les pages ---------- */
html body .ype .yv-pg{position:absolute;inset:0;box-sizing:border-box;overflow:hidden;padding:2.6em 2.3em 2.2em;background:#FBFAF6;color:#1D1D1F;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;font-size:1em;line-height:1.45;text-align:left;letter-spacing:0}
html body .ype .yv-r .yv-pg{border-radius:0 4px 4px 0;box-shadow:inset 1.6em 0 1.8em -1.6em rgba(0,0,0,.3)}
html body .ype .yv-v .yv-pg,html body .ype .yv-base .yv-pg{border-radius:4px 0 0 4px;box-shadow:inset -1.6em 0 1.8em -1.6em rgba(0,0,0,.3)}
html body .ype .yv-base .yv-pg{border-radius:0 4px 4px 0;box-shadow:inset 1.6em 0 1.8em -1.6em rgba(0,0,0,.3)}
html body .ype .yv-pg-lecon::after{content:"";position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(rgba(251,250,246,0),#FBFAF6 78%);pointer-events:none}
html body .ype .yv-pg *{box-sizing:border-box}
html body .ype .yv-pg p,html body .ype .yv-pg li{margin:0!important;padding:0!important;max-width:none!important;font-family:inherit!important;font-size:.8em!important;line-height:1.45!important;font-weight:400!important;color:inherit!important;letter-spacing:0!important;text-align:left!important;background:none!important;border:0!important}
html body .ype .yv-pg ul,html body .ype .yv-pg ol{margin:0!important;padding:0!important;list-style:none!important}
html body .ype .yv-pg li::marker{content:none}
html body .ype .yv-pg .yv-tete{position:absolute;top:1.25em;left:2.3em;right:2.3em;font-size:.56em!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase;color:#8E8E93!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .ype .yv-r .yv-pg .yv-tete,html body .ype .yv-base .yv-pg .yv-tete{text-align:right!important}
html body .ype .yv-pg-in{position:relative;height:100%}

html body .ype .yv-pg p.yv-k{font-size:.6em!important;font-weight:700!important;letter-spacing:.09em!important;text-transform:uppercase;color:var(--yv-gd)!important}
html body .ype .yv-pg p.yv-lt{margin:.3em 0 .55em!important;font-size:1.5em!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-.02em!important}
html body .ype .yv-pg p.yv-niv{display:inline-block;margin:0 0 .9em!important;padding:.2em .8em!important;border:1px solid rgba(0,0,0,.2)!important;border-radius:99px;font-size:.58em!important;font-weight:600!important}
html body .ype .yv-pg .yv-memo{margin:0 0 1em;padding:.85em 1em;border:1px solid rgb(var(--yv-g-rgb) / .22);border-radius:.7em;background:rgb(var(--yv-g-rgb) / .06)}
html body .ype .yv-pg p.yv-memo-t{margin:0 0 .4em!important;font-size:.58em!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase;color:var(--yv-gd)!important}
html body .ype .yv-pg .yv-memo li,html body .ype .yv-pg .yv-ul li{position:relative;padding-left:1em!important;margin-top:.25em!important}
html body .ype .yv-pg .yv-memo li::before,html body .ype .yv-pg .yv-ul li::before{content:"";position:absolute;left:0;top:.6em;width:.38em;height:.38em;border-radius:50%;background:var(--yv-g)}
html body .ype .yv-pg p.yv-lead{margin:0 0 .6em!important;font-size:.9em!important;font-weight:600!important;line-height:1.35!important}
html body .ype .yv-pg p + p{margin-top:.6em!important}
html body .ype .yv-pg p.yv-h3{margin:1em 0 .4em!important;font-size:.95em!important;font-weight:700!important;line-height:1.25!important}

/* titre */
html body .ype .yv-pg-titre .yv-pg-in{display:flex;flex-direction:column;justify-content:center}
html body .ype .yv-pg p.yv-pt-a{margin:0 0 1.4em!important;font-size:.78em!important;color:#6E6E73!important}
html body .ype .yv-pg p.yv-pt-t{font-size:2.5em!important;font-weight:800!important;line-height:1.02!important;letter-spacing:-.035em!important}
html body .ype .yv-pg p.yv-pt-t span{color:var(--yv-g)}
html body .ype .yv-pg p.yv-pt-s{margin-top:1.2em!important;font-size:.72em!important;color:#48484A!important}
html body .ype .yv-pg p.yv-pt-e{margin-top:1.2em!important;font-size:.66em!important;color:#8E8E93!important}
html body .ype .yv-pg p.yv-pt-y{position:absolute;left:0;bottom:0;font-size:.75em!important;font-weight:700!important}

/* sommaire */
html body .ype .yv-pg .yv-som{margin-top:.4em!important}
html body .ype .yv-pg .yv-som li{display:flex;gap:.9em;padding:.42em 0!important;border-bottom:1px solid rgba(0,0,0,.08)!important;font-size:.74em!important}
html body .ype .yv-pg .yv-som.yv-som-serre li{padding:.3em 0!important;font-size:.7em!important}
html body .ype .yv-pg .yv-som b{flex:0 0 1.5em;font-weight:700;color:var(--yv-g);font-variant-numeric:tabular-nums}

/* ouverture de chapitre */
html body .ype .yv-pg-chap .yv-pg-in{display:flex;flex-direction:column;justify-content:center}
html body .ype .yv-pg p.yv-ch-n{font-size:4.2em!important;font-weight:800!important;line-height:1!important;letter-spacing:-.05em!important;color:var(--yv-g)!important}
html body .ype .yv-pg p.yv-ch-t{margin:.25em 0 .4em!important;font-size:1.65em!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-.025em!important}
html body .ype .yv-pg p.yv-ch-d{margin-bottom:1.1em!important;color:#6E6E73!important}
html body .ype .yv-pg .yv-ch-l li{display:flex;justify-content:space-between;gap:.8em;padding:.42em 0!important;border-top:1px solid rgba(0,0,0,.08)!important;font-size:.72em!important}
html body .ype .yv-pg .yv-ch-l i{flex:0 0 auto;font-style:normal;font-size:.85em;color:var(--yv-gd)}

/* schémas (styles d'origine du livre, cloisonnés) */
html body .ype .yv-pg-schema .yv-pg-in{display:flex;flex-direction:column;justify-content:center}
html body .ype .yv-pg-schema .yv-sch{display:flex;flex-direction:column;gap:1.1em}
html body .ype .yv-pg-schema figure{margin:0!important;padding:0!important;border:0!important}
html body .ype .yv-pg-schema figure .ytf-box,html body .ype .yv-pg-schema figure .ytps-box{padding:.55em!important;border-radius:.8em!important;box-shadow:0 .6em 1.4em -.6em rgba(0,0,0,.35)!important;cursor:inherit!important}
html body .ype .yv-pg-schema figure svg{display:block!important;width:100%!important;height:auto!important;max-width:100%!important}
html body .ype .yv-pg-schema :is(.yv-sch,#yv-x) figcaption{margin:.55em 0 0!important;padding:0!important;font-size:.58em!important;line-height:1.4!important;font-style:normal!important;text-align:left!important;color:#3A3A3C!important;opacity:1!important}
html body .ype .yv-pg-schema :is(.yv-sch,#yv-x) .yteco .schema{margin:0!important;padding:.9em!important;border-radius:.9em!important}

/* page produit */
html body .ype .yv-pg-produit .yv-pg-in{display:flex;flex-direction:column}
html body .ype .yv-pg .yv-prod-img{flex:0 0 40%;display:flex;align-items:center;justify-content:center;margin:.2em 0 .9em;border-radius:.9em;background:radial-gradient(closest-side,#fff,#F0EFEA)}
html body .ype .yv-pg .yv-prod-img img{display:block!important;max-width:86%!important;max-height:88%!important;width:auto!important;height:auto!important;object-fit:contain;margin:0!important;border-radius:0!important;box-shadow:none!important}
html body .ype .yv-pg p.yv-prod-t{margin-bottom:.5em!important;font-size:1.25em!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.02em!important}
html body .ype .yv-pg p.yv-prod-h{margin:.7em 0 .2em!important;font-size:.58em!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase;color:#6E6E73!important}
html body .ype .yv-pg .yv-pros li,html body .ype .yv-pg .yv-cons li{position:relative;padding:.18em 0 .18em 1.35em!important;font-size:.72em!important}
html body .ype .yv-pg .yv-pros li::before{content:"✓";position:absolute;left:0;top:.15em;font-weight:800;color:#248A3D}
html body .ype .yv-pg .yv-cons li::before{content:"–";position:absolute;left:.15em;top:.15em;font-weight:800;color:#AEAEB2}

/* QCM : la bonne réponse s'allume quand la page est ouverte */
html body .ype .yv-pg p.yv-qi{margin-bottom:.9em!important;color:#6E6E73!important;font-size:.7em!important}
html body .ype .yv-pg .yv-q{padding:1em;border:1px solid rgba(0,0,0,.1);border-radius:.8em;background:#fff}
html body .ype .yv-pg p.yv-qn{margin-bottom:.4em!important;font-size:.58em!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase;color:var(--yv-gd)!important}
html body .ype .yv-pg p.yv-ql{margin-bottom:.7em!important;font-size:.74em!important}
html body .ype .yv-pg p.yv-ql b{font-weight:700}
html body .ype .yv-pg .yv-qo li{display:flex;gap:.7em;align-items:baseline;margin-top:.45em!important;padding:.5em .7em!important;border:1px solid rgba(0,0,0,.13)!important;border-radius:.6em;font-size:.7em!important}
html body .ype .yv-pg .yv-qo b{flex:0 0 auto;font-weight:800;color:var(--yv-gd)}
html body .ype .yv-pg p.yv-qb{display:inline-block;margin-top:.8em!important;padding:.45em 1.1em!important;border-radius:99px;background:#124CA3!important;color:#fff!important;font-size:.64em!important;font-weight:700!important}
html body .ype .yv-pg p.yv-qr{margin-top:.6em!important;font-size:.7em!important;font-weight:700!important;color:#1D6B33!important;opacity:0}
html body .ype .yv-vu .yv-qb{animation:yvClic .35s 1.4s both}
html body .ype .yv-vu .yv-qo li.yv-ok{animation:yvOk .5s 1.8s both}
html body .ype .yv-vu .yv-qr{animation:yvRep .5s 2s both}
@keyframes yvClic{50%{transform:scale(.92)}100%{transform:none;opacity:.55}}
@keyframes yvOk{to{background:#E6F6EA;border-color:#34C759;color:#1D6B33}}
@keyframes yvRep{from{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:none}}

/* dernière page */
html body .ype .yv-pg-fin .yv-pg-in{display:flex;flex-direction:column;justify-content:center}
html body .ype .yv-pg p.yv-fin-t{font-size:2.1em!important;font-weight:800!important;line-height:1.04!important;letter-spacing:-.035em!important}
html body .ype .yv-pg p.yv-fin-t span{color:var(--yv-g)}
html body .ype .yv-pg p.yv-fin-s{margin:1.4em 0 .3em!important;font-size:.66em!important;color:#8E8E93!important;text-transform:uppercase;letter-spacing:.08em!important;font-weight:700!important}
html body .ype .yv-pg .yv-fin-l li{padding:.55em 0!important;border-top:1px solid rgba(0,0,0,.08)!important;font-size:.8em!important;font-weight:600!important}

/* ---------- les chiffres, sous le livre ---------- */
html body.single-fluent-products.ypv3 .ype .yv-sec ul.yv-ch{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1040px;margin:8px auto 0!important;padding:0!important;list-style:none!important;border:0!important}
html body.single-fluent-products.ypv3 .ype .yv-sec ul.yv-ch li{margin:0!important;padding:6px 20px!important;text-align:center!important;border:0!important;border-left:1px solid rgba(255,255,255,.12)!important;background:none!important;box-shadow:none!important}
html body.single-fluent-products.ypv3 .ype .yv-sec ul.yv-ch li:first-child{border-left:0!important}
html body.single-fluent-products.ypv3 .ype .yv-sec ul.yv-ch b{display:block;font-size:64px;font-weight:700;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,var(--yv-gxl),var(--yv-gl) 60%,var(--yv-g2));-webkit-background-clip:text;background-clip:text;color:transparent}
html body.single-fluent-products.ypv3 .ype .yv-sec ul.yv-ch span{display:block;margin-top:12px;font-size:15px!important;line-height:1.4!important;color:rgba(255,255,255,.7)!important}
html body .ype .yv-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important}

@media (max-width:760px){
	html body .ype .yv-scene{--pw:43vw;height:calc(var(--ph) + 90px)}
	html body .ype .yv-scene::after{bottom:18px}
	html body.single-fluent-products.ypv3 .ype .yv-sec p.yv-sous{font-size:16px!important}
	html body.single-fluent-products.ypv3 .ype .yv-sec ul.yv-ch{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}
	html body.single-fluent-products.ypv3 .ype .yv-sec ul.yv-ch li:nth-child(3){border-left:0!important}
	html body.single-fluent-products.ypv3 .ype .yv-sec ul.yv-ch b{font-size:46px}
}

/* mode vidéo : ?livre=video, le livre seul en plein écran, pour filmer l'animation */
html.yv-video,html.yv-video body{overflow:hidden!important}
html.yv-video body.single-fluent-products.ypv3 .ype .yv-sec{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
html.yv-video body .ype .yv-sec .ype-in{width:100%}
html.yv-video body .ype .yv-sec h2.yv-h2,html.yv-video body .ype .yv-sec p.yv-sous,html.yv-video .yeb-q,html.yv-video .ypr-barre,html.yv-video #wpadminbar{display:none!important}
html.yv-video body .ype .yv-scene{--pw:min(38vw,calc((100vh - 260px) / 1.38))}

/* ---------- « Tout ce qu'il faut savoir », derrière le bouton « ? » ---------- */
html body .ytq-p section.yeb-savoir{color:#1D1D1F;text-align:left}
html.yj-isdark body .ytq-p section.yeb-savoir{color:#F5F5F7}
html body .ytq-p .yeb-savoir h2{margin:0 0 28px!important;padding:0 50px 0 0!important;font-size:38px!important;font-weight:700!important;line-height:1.08!important;letter-spacing:-.03em!important;color:inherit!important}
html body .ytq-p .yeb-savoir h2 span{color:#86868B}
html body .ytq-p .yeb-sv-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html body .ytq-p .yeb-sv-c{padding:22px 24px;border-radius:16px;background:rgba(0,0,0,.035);border:1px solid rgba(0,0,0,.06)}
html.yj-isdark body .ytq-p .yeb-sv-c{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}
html body .ytq-p .yeb-sv-c h3{margin:0 0 10px!important;padding:0!important;font-size:19px!important;font-weight:700!important;line-height:1.25!important;color:inherit!important}
html body .ytq-p .yeb-sv-c p,html body .ytq-p .yeb-sv-c li{margin:0 0 8px!important;font-size:15px!important;line-height:1.55!important;color:inherit!important;opacity:.86}
html body .ytq-p .yeb-sv-c ul{margin:0!important;padding:0 0 0 18px!important}
html body .ytq-p .yeb-sv-c a{color:#0066CC!important;text-decoration:underline!important}
html.yj-isdark body .ytq-p .yeb-sv-c a{color:#5EB0FF!important}
html body .ytq-p .yeb-savoir h3.yeb-sv-ch{margin:32px 0 12px!important;font-size:22px!important;font-weight:700!important;color:inherit!important}
html body .ytq-p ol.yeb-sv-chap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0!important;padding:0!important;list-style:none!important}
html body .ytq-p ol.yeb-sv-chap li{display:flex;gap:12px;margin:0!important;padding:9px 0!important;border-bottom:1px solid rgba(127,127,127,.18);font-size:15px!important;line-height:1.4!important}
html body .ytq-p ol.yeb-sv-chap b{flex:0 0 22px;font-weight:700;color:#86868B;font-variant-numeric:tabular-nums}
@media (max-width:600px){html body .ytq-p .yeb-sv-l,html body .ytq-p ol.yeb-sv-chap{grid-template-columns:1fr}html body .ytq-p .yeb-savoir h2{font-size:30px!important}}

/* 1er nov. 2026 (Fabien) : barre de séparation entre le hero et le livre, comme les tuiles de la page d'accueil (12 px du fond de page) */
html body.single-fluent-products.ypv3 .ype.yeb-page{background:var(--yj-card,#fff)!important}
html body.single-fluent-products.ypv3 .ype.yeb-page > .ype-sec.yv-sec{margin-top:12px!important}
/* on tourne les pages soi-même : l'indication sous le livre */
html body .ype .yv-sec p.yv-aide{margin:-36px auto 30px!important;padding:0!important;text-align:center!important;font-size:14px!important;line-height:1.4!important;color:rgba(255,255,255,.5)!important}
html body .ype .yv-aide-t{display:none}
@media (hover:none){html body .ype .yv-aide-c{display:none}html body .ype .yv-aide-t{display:inline}}
@media (max-width:760px){html body .ype .yv-sec p.yv-aide{margin:-20px auto 26px!important;font-size:13px!important}}
html.yv-video body .ype .yv-sec p.yv-aide{display:none!important}
html body.single-fluent-products.ypv3 .ype .ype-noir p.ype-chapo{color:rgba(255,255,255,.72)!important}