/*
Theme Name: YESSOD LIMOUD — tora4me
Theme URI: https://tora4me.com
Author: Simon ICHAY — שמעון ישי
Description: Thème de la plateforme pédagogique tora4me.com (Daf Yomi selon la méthode YESSOD LIMOUD). Noir profond + or, multilingue, sections interactives et popups contextuels.
Version: 0.5.1
Text Domain: yessod-limoud
*/

/* ============ TOKENS ============ */
:root{
  --black:#0b0b0d; --ink:#15151b; --ink2:#1e1e26;
  --gold:#d4af37; --gold-2:#e8cf7a; --gold-deep:#b08d2a;
  --silver:#cfd4da; --silver-2:#9aa0a8;
  --cream:#f7f3e8; --paper:#ffffff; --line:#2b2b34;
  --text:#e9e7df; --muted:#a9a49a;
  --serif:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --wrap:1140px; --r:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--text);background:var(--black);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--gold-2);text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.15;margin:0 0 .5em}

/* ============ HEADER / NAV ============ */
.yl-topbar{position:sticky;top:0;z-index:60;background:rgba(11,11,13,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.yl-topbar .wrap{display:flex;align-items:center;gap:22px;height:70px}
.yl-brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:1.35rem;letter-spacing:.5px;color:var(--cream)}
.yl-brand .mark{width:38px;height:38px;flex:0 0 38px}
.yl-brand b{color:var(--gold)}
.yl-nav{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}
.yl-nav a{color:var(--silver);font-size:.93rem;padding:6px 2px;border-bottom:2px solid transparent;transition:.2s}
.yl-nav a:hover,.yl-nav a.active{color:var(--gold-2);border-color:var(--gold)}
.yl-lang{display:flex;gap:6px;margin-left:8px}
.yl-lang a{font-size:.78rem;color:var(--silver-2);border:1px solid var(--line);border-radius:20px;padding:3px 9px}
.yl-lang a.on{color:var(--black);background:var(--gold);border-color:var(--gold);font-weight:700}
.yl-burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--gold-2);border-radius:8px;padding:8px 10px;font-size:1.1rem}

/* ============ BUTTONS ============ */
.yl-btn{display:inline-block;padding:13px 26px;border-radius:40px;font-weight:600;font-size:.98rem;letter-spacing:.3px;transition:.2s;cursor:pointer;border:1px solid transparent}
.yl-btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#2a2000;box-shadow:0 8px 24px rgba(212,175,55,.28)}
.yl-btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(212,175,55,.4)}
.yl-btn-silver{background:linear-gradient(135deg,#e9edf1,#c2c8cf);color:#1a1a1f}
.yl-btn-silver:hover{transform:translateY(-2px)}
.yl-btn-ghost{border-color:var(--gold-deep);color:var(--gold-2)}
.yl-btn-ghost:hover{background:rgba(212,175,55,.1)}

/* ============ HERO ============ */
.yl-hero{position:relative;min-height:88vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.yl-hero-bg{position:absolute;inset:0;z-index:0}
.yl-hero-veil{position:absolute;inset:0;z-index:1;background:radial-gradient(120% 90% at 50% 15%,rgba(11,11,13,.35),rgba(11,11,13,.78) 70%,rgba(11,11,13,.95))}
.yl-hero-inner{position:relative;z-index:2;max-width:820px;padding:60px 22px}
.yl-eyebrow{color:var(--gold);letter-spacing:4px;text-transform:uppercase;font-size:.8rem;margin-bottom:18px}
.yl-hero h1{font-size:clamp(2.3rem,5.2vw,4rem);color:var(--cream);text-shadow:0 2px 30px rgba(0,0,0,.6)}
.yl-brandname{font-family:var(--serif);font-weight:700;font-size:clamp(3rem,10vw,7rem);line-height:.98;letter-spacing:2px;margin:6px 0 4px;
  background:linear-gradient(135deg,#f4dd8e,var(--gold) 45%,#a9781f);-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 6px 40px rgba(212,175,55,.25)}
.yl-hero p.lead{color:var(--silver);font-size:1.18rem;max-width:660px;margin:20px auto 32px}
.yl-hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.yl-hero-he{font-family:var(--serif);color:var(--gold-2);font-size:1.9rem;margin:4px 0 0;direction:rtl;letter-spacing:2px}

/* ============ SECTION HEADINGS (front) ============ */
.yl-band{padding:78px 0}
.yl-band.alt{background:linear-gradient(180deg,var(--ink),var(--black))}
.yl-band h2.title{font-size:clamp(1.8rem,3.5vw,2.6rem);color:var(--cream);text-align:center}
.yl-band .sub{color:var(--muted);text-align:center;max-width:640px;margin:0 auto 44px}
.yl-rule{width:70px;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:14px auto 0}

/* ============ CARROUSEL 16 SECTIONS ============ */
.yl-carousel{position:relative}
.yl-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 24px;scrollbar-width:thin}
.yl-card{scroll-snap-align:start;flex:0 0 210px;background:linear-gradient(180deg,var(--ink2),var(--ink));border:1px solid var(--line);border-radius:var(--r);padding:24px 20px;transition:.25s;position:relative}
.yl-card:hover{transform:translateY(-6px);border-color:var(--gold-deep);box-shadow:0 16px 40px rgba(0,0,0,.5)}
.yl-card .ico{font-size:2.2rem;line-height:1;margin-bottom:14px}
.yl-card h3{color:var(--cream);font-size:1.18rem;margin:0 0 6px}
.yl-card .num{position:absolute;top:14px;right:16px;font-family:var(--serif);color:var(--gold-deep);font-size:1.1rem}
.yl-card .tag{display:inline-block;margin-top:10px;font-size:.72rem;padding:3px 9px;border-radius:20px}
.yl-tag-fiche{background:rgba(212,175,55,.14);color:var(--gold-2);border:1px solid var(--gold-deep)}
.yl-tag-site{background:rgba(120,160,255,.12);color:#9fbcff;border:1px solid #3a4a7a}
.yl-tag-lock{background:rgba(200,60,60,.14);color:#ff9d9d;border:1px solid #7a3a3a}
.yl-arrows{display:flex;gap:10px;justify-content:center;margin-top:8px}
.yl-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid var(--gold-deep);background:var(--ink);color:var(--gold-2);font-size:1.2rem;cursor:pointer}
.yl-arrows button:hover{background:var(--gold);color:var(--black)}

/* ============ TIERS / PRICING ============ */
.yl-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:20px}
.yl-tier{background:linear-gradient(180deg,var(--ink2),var(--ink));border:1px solid var(--line);border-radius:18px;padding:30px 26px;display:flex;flex-direction:column}
.yl-tier.pop{border-color:var(--gold);box-shadow:0 14px 44px rgba(212,175,55,.16);transform:scale(1.02)}
.yl-tier h3{color:var(--cream);font-size:1.5rem;margin-bottom:4px}
.yl-tier .price{font-family:var(--serif);color:var(--gold);font-size:2.1rem;margin:6px 0}
.yl-tier .note{color:var(--muted);font-size:.85rem;margin-bottom:16px}
.yl-tier ul{list-style:none;padding:0;margin:0 0 24px;flex:1}
.yl-tier li{padding:8px 0 8px 26px;position:relative;color:var(--silver);font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.05)}
.yl-tier li:before{content:"✦";position:absolute;left:0;color:var(--gold-deep)}
.yl-ribbon{position:absolute;top:16px;right:-2px;background:var(--gold);color:var(--black);font-size:.72rem;font-weight:700;padding:4px 14px;border-radius:20px 0 0 20px}

/* ============ ARBRE DE ZÉKHOUT — page de garde ============ */
.yl-arbre{position:relative;min-height:82vh;display:flex;align-items:flex-end;justify-content:center;
  background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}
.yl-arbre-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,6,.15) 40%,rgba(5,5,6,.85))}
.yl-arbre-inner{position:relative;z-index:3;text-align:center;padding:0 22px 8vh;max-width:760px}
.yl-arbre-inner .kicker{color:var(--gold-2);letter-spacing:3px;text-transform:uppercase;font-size:.8rem;margin-bottom:10px}
.yl-arbre-inner h1{font-size:clamp(2.2rem,5vw,3.6rem);color:var(--cream);text-shadow:0 2px 30px rgba(0,0,0,.7)}
.yl-arbre-inner p{color:var(--silver);max-width:600px;margin:12px auto 0}
/* feuilles lumineuses numérotées (générées depuis la base des donateurs) */
.yl-leaves{position:absolute;inset:0;z-index:2}
.yl-leaf-num{position:absolute;transform:translate(-50%,-50%);width:20px;height:25px;
  color:#3a2e05;font-size:.5rem;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;
  padding-top:3px;cursor:pointer;transition:.18s;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20120'%3E%3Cpath%20d='M50,4C16,32,16,88,50,116C84,88,84,32,50,4Z'%20fill='%23e8cf7a'/%3E%3Cpath%20d='M50,16L50,104'%20stroke='%23a9781f'%20stroke-width='3'/%3E%3Cpath%20d='M50,42L33,30M50,58L67,46M50,74L35,64'%20stroke='%23a9781f'%20stroke-width='2'%20fill='none'/%3E%3C/svg%3E");
  filter:drop-shadow(0 0 2px rgba(212,175,55,.5))}
.yl-leaf-num:hover{transform:translate(-50%,-50%) scale(1.7);z-index:6;filter:drop-shadow(0 0 6px rgba(255,215,0,.85))}
.yl-leaf-num.big{width:32px;height:40px;font-size:.68rem;filter:drop-shadow(0 0 6px rgba(255,215,0,.8))}
.yl-leaf-num .nm{position:absolute;bottom:150%;left:50%;transform:translateX(-50%);white-space:nowrap;
  background:rgba(10,8,4,.94);border:1px solid var(--gold-deep);color:var(--gold-2);padding:4px 10px;border-radius:8px;
  font-size:.72rem;font-weight:600;opacity:0;pointer-events:none;transition:.15s}
.yl-leaf-num:hover .nm{opacity:1}
.yl-leaf-num.on{box-shadow:0 0 20px #fff,0 0 40px rgba(255,215,0,.9);transform:translate(-50%,-50%) scale(1.8);z-index:7}

/* légende cherchable */
.yl-legend-search{display:block;margin:0 auto 20px;max-width:420px;width:100%;background:var(--black);
  border:1px solid var(--line);border-radius:30px;padding:12px 18px;color:var(--text);font-size:.95rem}
.yl-legend-search:focus{outline:none;border-color:var(--gold-deep)}
.yl-legend{columns:3;column-gap:26px;max-width:900px;margin:0 auto;list-style:none;padding:0}
.yl-legend li{break-inside:avoid;padding:6px 0;color:var(--silver);font-size:.92rem;border-bottom:1px solid rgba(255,255,255,.05)}
.yl-legend li b{color:var(--gold-2);font-family:var(--serif);margin-right:6px}
.yl-legend li .lv{display:block;font-size:.72rem;color:var(--muted)}
@media(max-width:820px){.yl-legend{columns:1}}
.yl-arbre-missing{position:absolute;z-index:3;top:16px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.55);
  border:1px dashed var(--gold-deep);color:var(--gold-2);border-radius:10px;padding:8px 14px;font-size:.82rem}

/* ============ GÉNÉRATEUR DE FICHE (Premium) ============ */
.yl-step{background:linear-gradient(180deg,var(--ink2),var(--ink));border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-bottom:18px}
.yl-step-h{display:flex;align-items:center;gap:12px;color:var(--cream);font-family:var(--serif);font-size:1.3rem;margin-bottom:16px}
.yl-step-n{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#2a2000;display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:800;font-size:.95rem}
.yl-count{font-family:var(--sans);font-size:.85rem;color:var(--gold-2);margin-left:auto}
.yl-typetog{display:flex;gap:12px;flex-wrap:wrap}
.yl-type{background:var(--ink);border:1px solid var(--line);color:var(--silver);border-radius:40px;padding:12px 22px;font-size:1rem;cursor:pointer;transition:.15s}
.yl-type.on{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#2a2000;border-color:var(--gold);font-weight:700}
.yl-input{width:100%;background:var(--black);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--text);font-size:1rem}
.yl-input:focus{outline:none;border-color:var(--gold-deep)}
.yl-insp-grp{margin-bottom:16px}
.yl-insp-title{color:var(--gold-2);font-size:.82rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.yl-chips{display:flex;flex-wrap:wrap;gap:9px}
.yl-chip{background:var(--ink);border:1px solid var(--line);color:var(--silver);border-radius:30px;padding:9px 16px;font-size:.92rem;cursor:pointer;transition:.15s}
.yl-chip:hover{border-color:var(--gold-deep);color:var(--gold-2)}
.yl-chip.on{background:rgba(212,175,55,.16);border-color:var(--gold);color:var(--gold-2);font-weight:600;box-shadow:0 0 0 1px var(--gold-deep) inset}
.yl-creer-cta{text-align:center;margin-top:26px}
.yl-creer-note{color:var(--muted);font-size:.9rem;margin-top:16px;line-height:1.6}

/* ============ MÉCÉNAT ============ */
.yl-mecenat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.yl-mecenat-card{background:linear-gradient(180deg,#221c0c,#171205);border:1px solid var(--gold-deep);border-radius:16px;padding:28px 24px;position:relative;overflow:hidden}
.yl-mecenat-card:before{content:"✦";position:absolute;top:-10px;right:-6px;font-size:5rem;color:rgba(212,175,55,.08)}
.yl-mecenat-amount{font-family:var(--serif);color:var(--gold);font-size:1.9rem;font-weight:700}
.yl-mecenat-card h3{color:var(--cream);font-size:1.25rem;margin:2px 0 10px}
.yl-mecenat-card p{color:var(--muted);font-size:.92rem;margin:0}
/* table de mécénat — placée sur cartes blanches (.yl-section) */
.yl-mecenat-table{width:100%;border-collapse:collapse;margin-top:10px}
.yl-mecenat-table th{background:#2a2410;color:var(--gold-2);text-align:left;padding:12px 14px;font-size:.82rem;text-transform:uppercase;letter-spacing:1px}
.yl-mecenat-table td{border-bottom:1px solid #ece7d6;padding:14px;color:#3a3a42;vertical-align:top}
.yl-mecenat-table tr:nth-child(even) td{background:#fbf8ef}
.yl-mecenat-table .amt{color:#a9781f;font-family:var(--serif);font-size:1.3rem;font-weight:700;white-space:nowrap}
.yl-mecenat-table .nm{color:#20202a;font-weight:700}

/* ============ PAGE MÉCÉNAT (maquette intégrée, skin noir+or) ============ */
.yl-mec-hero{position:relative;text-align:center;padding:70px 22px 66px;overflow:hidden;
  background:radial-gradient(90% 120% at 50% -10%, #24200f 0%, var(--ink) 55%, var(--black) 100%)}
.yl-mec-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:
  radial-gradient(2px 2px at 20% 30%,rgba(212,175,55,.7),transparent),
  radial-gradient(1.5px 1.5px at 70% 20%,rgba(212,175,55,.6),transparent),
  radial-gradient(2px 2px at 85% 55%,rgba(212,175,55,.5),transparent),
  radial-gradient(1.5px 1.5px at 35% 72%,rgba(212,175,55,.5),transparent),
  radial-gradient(1.5px 1.5px at 55% 45%,rgba(212,175,55,.4),transparent)}
.yl-mec-hero .tree{font-size:56px;filter:drop-shadow(0 0 18px rgba(212,175,55,.5));position:relative;z-index:1}
.yl-mec-hero .kicker{position:relative;z-index:1;letter-spacing:3px;font-size:.8rem;color:var(--gold);text-transform:uppercase;margin:14px 0 8px}
.yl-mec-hero h1{position:relative;z-index:1;font-size:clamp(2rem,4.4vw,3rem);color:var(--cream);margin:0 auto 14px;max-width:760px}
.yl-mec-hero h1 .g{background:linear-gradient(90deg,var(--gold-2),var(--gold),var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.yl-mec-hero .lead{position:relative;z-index:1;max-width:680px;margin:0 auto 26px;color:var(--silver);font-size:1.08rem}
.yl-mec-hero .cta{position:relative;z-index:1;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

.yl-counter{background:var(--black);text-align:center;padding:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.yl-counter .n{font-family:var(--serif);font-size:2.6rem;font-weight:700;color:var(--gold)}
.yl-counter .l{font-size:.82rem;color:var(--muted);letter-spacing:1px;text-transform:uppercase}

.yl-why{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.yl-why .card{background:linear-gradient(180deg,var(--ink2),var(--ink));border:1px solid var(--line);border-radius:16px;padding:26px}
.yl-why .card .ic{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:linear-gradient(135deg,#3a2f12,#2a2410);border:1px solid var(--gold-deep);margin-bottom:14px}
.yl-why .card h3{color:var(--cream);font-size:1.25rem;margin-bottom:8px}
.yl-why .card p{color:var(--silver);font-size:.98rem;margin:0}
.yl-why .hl{color:var(--gold-2);font-weight:600}

.yl-principal{position:relative;background:linear-gradient(135deg,#221c0c,#15110a);border:1.5px solid var(--gold);border-radius:20px;
  padding:34px;display:grid;grid-template-columns:1.5fr 1fr;gap:26px;align-items:center;overflow:hidden;margin-bottom:24px;box-shadow:0 16px 44px rgba(0,0,0,.5)}
.yl-principal:before{content:"★ NIVEAU D'HONNEUR";position:absolute;top:18px;right:-42px;transform:rotate(45deg);background:var(--gold);color:#20180a;font-size:.62rem;font-weight:800;letter-spacing:1px;padding:5px 52px}
.yl-principal h3{color:var(--gold-2);font-size:1.7rem;margin-bottom:8px}
.yl-principal p{color:var(--silver);font-size:.98rem;margin-bottom:8px}
.yl-principal .price{font-family:var(--serif);font-size:2rem;font-weight:700;color:var(--cream)}
.yl-principal .price small{font-size:.9rem;color:var(--muted);font-weight:400}
.yl-principal .right{border-left:1px solid var(--gold-deep);padding-left:24px}
.yl-principal .right ul{list-style:none;padding:0;margin:0;color:var(--silver);font-size:.94rem}
.yl-principal .right li{padding:6px 0 6px 22px;position:relative}
.yl-principal .right li:before{content:"✦";position:absolute;left:0;color:var(--gold)}

.yl-lvl2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}
.yl-lvl{background:linear-gradient(180deg,var(--ink2),var(--ink));border:1px solid var(--line);border-radius:18px;padding:26px}
.yl-lvl .tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:1px;color:var(--gold-2);background:rgba(212,175,55,.12);border:1px solid var(--gold-deep);border-radius:20px;padding:3px 11px;margin-bottom:12px;text-transform:uppercase}
.yl-lvl h3{color:var(--cream);font-size:1.35rem;margin-bottom:4px}
.yl-lvl .price{font-family:var(--serif);font-size:1.6rem;font-weight:700;color:var(--gold);margin:2px 0 12px}
.yl-lvl .price small{font-size:.8rem;color:var(--muted);font-weight:400}
.yl-lvl p{color:var(--silver);font-size:.95rem;margin:0 0 14px}
.yl-lvl .go{color:var(--gold-2);font-weight:600;font-size:.9rem;border-top:1px solid var(--line);padding-top:12px}

.yl-parr{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.yl-parr .p{background:var(--ink);border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center}
.yl-parr .p .t{color:var(--cream);font-weight:600;font-size:.95rem}
.yl-parr .p .pr{font-family:var(--serif);font-size:1.4rem;font-weight:700;color:var(--gold);margin-top:4px}
.yl-parr .p .d{font-size:.8rem;color:var(--muted);margin-top:4px}

.yl-zekhout{background:radial-gradient(90% 120% at 50% 0%, #1a1608, var(--ink) 60%, var(--black))}
.yl-tree-wall{background:rgba(212,175,55,.04);border:1px solid var(--gold-deep);border-radius:18px;padding:28px;display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center}
.yl-tree-wall .big{text-align:center}
.yl-tree-wall .big .t{font-size:82px;filter:drop-shadow(0 0 22px rgba(212,175,55,.4))}
.yl-tree-wall .big .c{font-size:.82rem;color:var(--muted);letter-spacing:1px;margin-top:6px}
.yl-plaques{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.yl-plaque{background:linear-gradient(135deg,#f6ecc9,#e4c96b);color:#3a2e05;border-radius:10px;padding:10px 12px;font-size:.8rem;font-weight:600}
.yl-plaque small{display:block;font-weight:400;font-size:.68rem;color:#6a5615}
.yl-plaque.vide{background:rgba(212,175,55,.06);color:var(--silver-2);border:1px dashed var(--gold-deep);font-weight:400}

.yl-extras{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.yl-extra{background:linear-gradient(180deg,var(--ink2),var(--ink));border:1px solid var(--line);border-radius:14px;padding:22px;text-align:center}
.yl-extra .ic{font-size:1.8rem}
.yl-extra h4{color:var(--cream);margin:8px 0 5px;font-size:1.05rem}
.yl-extra p{font-size:.88rem;color:var(--muted);margin:0}

.yl-final{background:linear-gradient(135deg,#221c0c,#15110a);border:1px solid var(--gold-deep);border-radius:20px;text-align:center;padding:50px 26px}
.yl-final h2{color:var(--cream);font-size:1.9rem;margin-bottom:10px}
.yl-final p{color:var(--silver);max-width:620px;margin:0 auto 22px}
.yl-final .tranzila{margin-top:16px;font-size:.82rem;color:var(--muted)}

@media(max-width:820px){
  .yl-why,.yl-principal,.yl-lvl2,.yl-tree-wall{grid-template-columns:1fr}
  .yl-parr,.yl-extras{grid-template-columns:1fr 1fr}
  .yl-principal .right{border-left:none;border-top:1px solid var(--gold-deep);padding-left:0;padding-top:16px}
}

/* ============ FEATURE ROW ============ */
.yl-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.yl-feat{text-align:center;padding:10px}
.yl-feat .ico{font-size:2rem;color:var(--gold);margin-bottom:10px}
.yl-feat h3{color:var(--cream);font-size:1.2rem}
.yl-feat p{color:var(--muted);font-size:.95rem}

/* ============ DAF PAGE ============ */
.yl-daf-head{background:linear-gradient(180deg,var(--ink),var(--black));border-bottom:1px solid var(--line);padding:38px 0 26px}
.yl-daf-head .kicker{color:var(--gold);letter-spacing:2px;text-transform:uppercase;font-size:.8rem}
.yl-daf-head h1{color:var(--cream);font-size:clamp(2rem,4vw,3rem);margin:6px 0}
.yl-daf-meta{color:var(--muted);display:flex;gap:18px;flex-wrap:wrap;font-size:.92rem}
.yl-dedicace{margin-top:16px;background:rgba(212,175,55,.08);border:1px solid var(--gold-deep);border-radius:10px;padding:12px 18px;color:var(--gold-2);text-align:center}
.yl-dl{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}

.yl-daf-layout{display:grid;grid-template-columns:240px 1fr;gap:34px;padding:34px 0 70px;align-items:start}
.yl-toc{position:sticky;top:88px;background:var(--ink);border:1px solid var(--line);border-radius:14px;padding:14px;max-height:80vh;overflow:auto}
.yl-toc a{display:block;color:var(--silver);font-size:.9rem;padding:7px 10px;border-radius:8px;border-left:2px solid transparent}
.yl-toc a:hover,.yl-toc a.active{background:rgba(212,175,55,.1);color:var(--gold-2);border-color:var(--gold)}
.yl-toc .lock{color:#ff9d9d}

.yl-section{background:var(--paper);color:#1c1c22;border-radius:14px;padding:26px 30px;margin-bottom:24px;box-shadow:0 10px 30px rgba(0,0,0,.35)}

/* Fonds colorés par section (dégradés doux, texte foncé lisible) */
.yl-section[data-section="revision"]{background:linear-gradient(150deg,#eff3ff,#e0e7ff)}
.yl-section[data-section="analyse"]{background:linear-gradient(150deg,#fffbf0,#fdf2d6)}
.yl-section[data-section="resume"]{background:linear-gradient(150deg,#edfaf3,#d8f1e5)}
.yl-section[data-section="concepts"]{background:linear-gradient(150deg,#fbf1ff,#f4e0ff)}
.yl-section[data-section="mahlokot"]{background:linear-gradient(150deg,#eef5fd,#dbe9f8)}
.yl-section[data-section="tannaim"]{background:linear-gradient(150deg,#fdf2ea,#fbe2d2)}
.yl-section[data-section="amoraim"]{background:linear-gradient(150deg,#eff7e9,#e0eed6)}
.yl-section[data-section="synthese"]{background:linear-gradient(150deg,#fff0f0,#ffdcdc)}
.yl-section[data-section="halakhot"]{background:linear-gradient(150deg,#ecf4ff,#d6e8ff)}
.yl-section[data-section="versets"]{background:linear-gradient(150deg,#fdf7ea,#f5e9cf)}
.yl-section[data-section="illustration"]{background:linear-gradient(150deg,#fff3ea,#ffe4d1)}
.yl-section[data-section="pictogrammes"]{background:linear-gradient(150deg,#fffdf0,#fdf7d6)}
.yl-section[data-section="ptit_plus"]{background:linear-gradient(150deg,#eafaf6,#d5f1eb)}
.yl-section[data-section="grand_plus"]{background:linear-gradient(150deg,#fff8e6,#ffeec2)}
.yl-section[data-section="focus"]{background:linear-gradient(150deg,#f1f1ff,#e0e0ff)}
.yl-section[data-section="approfondissement"]{background:linear-gradient(150deg,#fbf5e6,#f2e6cb)}
/* la barre de titre garde un léger fond blanc translucide pour rester nette */
.yl-section .yl-section-title{background:transparent}
.yl-section-title{font-family:var(--serif);font-size:1.55rem;color:#20202a;border-bottom:2px solid #eadfbf;padding-bottom:10px;margin:0 0 16px;display:flex;align-items:center;gap:10px}
.yl-picto{font-size:1.5rem}
.yl-section-body{font-size:1.02rem}
.yl-section-body p{margin:0 0 12px}
.yl-badge{font-size:.66rem;padding:2px 8px;border-radius:12px;vertical-align:middle}
.yl-badge-site{background:#eef2ff;color:#3a4a7a;border:1px solid #c3cdf0;margin-left:auto}
.yl-sec-copyright{margin:18px 0 0;padding-top:12px;border-top:1px solid #eee;font-size:.72rem;color:#9a9a9a;text-align:center;letter-spacing:.2px}

/* refs (popups triggers) */
.yl-ref{border-bottom:1px dotted;cursor:pointer;font-weight:600}
.yl-ref-sage{color:#b5651d;border-color:#e0a86a}
.yl-ref-concept{color:#8e44ad;border-color:#c79ce0}
.yl-ref-verset{color:#1f6f8b;border-color:#8fc3d4}

/* locked section */
.yl-locked{text-align:center;padding:26px;background:linear-gradient(180deg,#fbf7ea,#fff);border:1px dashed var(--gold-deep);border-radius:12px}
.yl-lock-ico{font-size:2rem;margin:0}

/* tables */
.yl-table{width:100%;border-collapse:collapse;margin:8px 0;font-size:.95rem}
.yl-table th,.yl-table td{border:1px solid #d8d8de;padding:9px 12px;text-align:left}
.yl-table thead th{background:#E7E6E6;color:#222;font-weight:700}
.yl-pc{text-align:center;font-size:1.15rem;width:44px}

/* validation stamps */
.yl-stamps{margin-top:10px;background:var(--ink);border:1px solid var(--line);border-radius:12px;padding:16px 20px}
.yl-stamps-h{color:var(--gold-2);font-weight:600}
.yl-stamps ul{margin:8px 0 0;padding-left:18px;color:var(--silver)}

/* ============ CATALOGUE / GRID ============ */
.yl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.yl-grid--center{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.yl-grid--center .yl-daf-card{flex:0 1 320px}
.yl-daf-card{background:linear-gradient(180deg,var(--ink2),var(--ink));border:1px solid var(--line);border-radius:14px;padding:22px;transition:.2s}
.yl-daf-card:hover{border-color:var(--gold-deep);transform:translateY(-4px)}
.yl-daf-card .t{color:var(--gold-2);font-size:.82rem;letter-spacing:1px;text-transform:uppercase}
.yl-daf-card h3{color:var(--cream);margin:6px 0}

/* ============ POPUP ============ */
.yl-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
.yl-modal.open{display:flex}
.yl-modal-back{position:absolute;inset:0;background:rgba(5,5,8,.72);backdrop-filter:blur(3px)}
.yl-modal-box{position:relative;z-index:2;background:var(--paper);color:#1c1c22;max-width:520px;width:100%;border-radius:16px;padding:28px 30px;box-shadow:0 30px 80px rgba(0,0,0,.6);max-height:82vh;overflow:auto}
.yl-modal-box h3{font-size:1.5rem;color:#20202a;margin-bottom:2px}
.yl-modal-kind{display:inline-block;font-size:.74rem;padding:3px 10px;border-radius:14px;background:#f0e6d0;color:#8a6d1e;margin-bottom:12px}
.yl-modal-close{position:absolute;top:14px;right:16px;border:none;background:none;font-size:1.5rem;cursor:pointer;color:#888}

/* ============ FOOTER ============ */
.yl-footer{background:var(--black);border-top:1px solid var(--line);padding:48px 0 30px;margin-top:20px}
.yl-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.yl-footer h4{color:var(--gold-2)}
.yl-footer a{color:var(--silver);display:block;padding:4px 0;font-size:.93rem}
.yl-copy{text-align:center;color:var(--muted);font-size:.86rem;margin-top:34px;padding-top:20px;border-top:1px solid var(--line)}
.yl-copy .he{color:var(--gold-deep)}

/* ============ RESPONSIVE ============ */
@media(max-width:900px){
  .yl-nav,.yl-lang{display:none}
  .yl-burger{display:block}
  .yl-tiers,.yl-feats{grid-template-columns:1fr}
  .yl-daf-layout{grid-template-columns:1fr}
  .yl-toc{position:static;max-height:none}
  .yl-footer-grid{grid-template-columns:1fr}
  .yl-nav.show{display:flex;position:absolute;top:70px;left:0;right:0;flex-direction:column;background:var(--ink);padding:16px 22px;border-bottom:1px solid var(--line)}
}

/* ============ FAQ (accordéon) — réintégré ============ */
.yl-faq{background:linear-gradient(180deg,var(--ink2),var(--ink));border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:0 18px}
.yl-faq summary{cursor:pointer;padding:16px 0;color:var(--cream);font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center}
.yl-faq summary::-webkit-details-marker{display:none}
.yl-faq summary:after{content:"+";color:var(--gold);font-size:1.4rem;line-height:1}
.yl-faq[open] summary:after{content:"–"}
.yl-faq p{color:var(--silver);padding:0 0 16px;margin:0;font-size:.95rem}

/* ============ ACCUEIL — PORTAIL ARBRE ============ */
.yl-splash{position:relative;min-height:92vh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.yl-splash-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center center}
.yl-splash-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,11,13,.28),rgba(11,11,13,0) 26%,rgba(11,11,13,0) 55%,rgba(11,11,13,.72))}
.yl-splash-top{position:relative;z-index:2;padding:22px 22px 0}
.yl-donors{display:inline-flex;align-items:center;gap:8px;background:rgba(11,11,13,.55);border:1px solid rgba(212,175,55,.5);color:var(--cream);border-radius:999px;padding:9px 18px;font-size:.98rem;backdrop-filter:blur(3px)}
.yl-donors span{color:var(--gold-2);font-weight:800;font-size:1.1rem}
.yl-splash-bottom{position:relative;z-index:2;text-align:center;padding:0 20px 46px;max-width:920px;margin:0 auto;width:100%}
.yl-splash-tag{font-family:var(--serif);font-style:italic;color:var(--gold-2);font-size:1.5rem;margin:0 0 16px;text-shadow:0 2px 18px rgba(0,0,0,.7)}
.yl-btn-xl{font-size:1.25rem;padding:18px 64px;border-radius:999px;box-shadow:0 10px 34px rgba(212,175,55,.45)}
.yl-splash-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.yl-splash-cta .yl-btn{min-width:150px}
@media(max-width:640px){
  .yl-splash{min-height:88vh}
  .yl-splash-tag{font-size:1.25rem}
  .yl-btn-xl{width:100%;padding:16px 0}
  .yl-splash-cta .yl-btn{flex:1 1 44%;min-width:0}
}

/* ===== Accueil : pastilles symétriques + bouton Premium ===== */
.yl-splash-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.yl-donors-cta{text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}
.yl-donors-cta:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(212,175,55,.35)}
.yl-premium-cta{margin-top:22px;font-size:1.06rem;padding:15px 40px;border-radius:999px}
.yl-premium-cta span{font-weight:500;opacity:.8;font-size:.9em}

/* ===== Écran sponsor (splash) — ouverture rideau ===== */
.yl-sponsor-splash{position:fixed;inset:0;z-index:99999;overflow:hidden;background:#0b0b0d}
.yl-curtain{position:absolute;top:0;height:100%;width:50%;overflow:hidden;will-change:transform;transition:transform 1.15s cubic-bezier(.76,0,.24,1)}
.yl-curtain img{position:absolute;top:0;height:100%;width:100vw;max-width:none;object-fit:cover}
.yl-curtain-l{left:0}   .yl-curtain-l img{left:0}
.yl-curtain-r{right:0}  .yl-curtain-r img{right:0}
.yl-sponsor-splash.is-open .yl-curtain-l{transform:translateX(-100%)}
.yl-sponsor-splash.is-open .yl-curtain-r{transform:translateX(100%)}
.yl-sponsor-splash.is-done{display:none}
.yl-sponsor-actions{position:absolute;z-index:3;bottom:9%;left:0;right:0;display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.yl-sponsor-name{position:absolute;z-index:3;top:12%;left:0;right:0;text-align:center;color:var(--cream)}
.yl-sponsor-name span{display:block;color:var(--gold-2);letter-spacing:3px;text-transform:uppercase;font-size:.8rem}
.yl-sponsor-name strong{font-family:var(--serif);font-size:2.2rem}
@media(max-width:640px){ .yl-sponsor-actions{bottom:6%} .yl-sponsor-actions .yl-btn{flex:1 1 40%} }

/* ===== Étude : bloc « Offrez / Dédicacez » + retour accueil ===== */
.yl-daf-head .wrap{position:relative}
.yl-study-cta{position:absolute;top:0;right:0;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,var(--gold-2),var(--gold-deep));color:#241c00;font-weight:700;text-decoration:none;padding:9px 16px;border-radius:999px;font-size:.9rem;box-shadow:0 6px 18px rgba(212,175,55,.35)}
.yl-study-cta:hover{transform:translateY(-1px)}
.yl-back-home{position:absolute;top:6px;left:0;color:var(--gold-2);text-decoration:none;font-size:.85rem;opacity:.85}
.yl-back-home:hover{opacity:1;text-decoration:underline}
@media(max-width:720px){ .yl-study-cta{position:static;margin-bottom:12px} .yl-study-cta span{display:none} .yl-back-home{position:static;display:inline-block;margin-bottom:8px} }

/* ===== Tranches donateurs (2 arbres nuit) ===== */
.yl-arbres{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:26px}
.yl-arbre{background:linear-gradient(160deg,var(--nuit),#0b0b0d);border:1px solid rgba(212,175,55,.35);border-radius:16px;padding:22px 20px;color:var(--cream)}
.yl-arbre h4{font-family:var(--serif);font-size:1.3rem;color:var(--gold-2);margin:0 0 6px}
.yl-arbre .pr{font-weight:700;font-size:1.15rem;margin-bottom:8px}
.yl-arbre p{color:var(--silver);font-size:.9rem;margin:0}

/* ===== Tunnel dédicace ===== */
.yl-ded-form{max-width:760px;margin:0 auto}
.yl-ded-form h3{font-family:var(--serif);color:var(--gold-2);font-size:1.35rem;margin:28px 0 12px;border-bottom:1px solid var(--line);padding-bottom:6px}
.yl-ded-hint{color:var(--muted);font-size:.86rem;margin:6px 0 0}
.yl-ded-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.yl-ded-type{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;background:var(--ink)}
.yl-ded-type:hover{border-color:var(--gold-deep)}
.yl-ded-type .t{font-weight:600}
.yl-ded-type .p{color:var(--gold-2);font-weight:700}
.yl-ded-formules{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.yl-ded-formule{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;background:var(--ink)}
.yl-ded-formule .fr{font-weight:600}
.yl-ded-formule .he{color:var(--gold-2);font-family:var(--serif);font-size:1.2rem}
.yl-ded-form textarea,.yl-ded-form input[type=text],.yl-ded-form input[type=date]{width:100%;background:var(--ink);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:10px 12px;font-size:1rem}
.yl-ded-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.yl-ded-dates label{display:block;color:var(--muted);font-size:.85rem}
.yl-ded-gabarits{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}
.yl-ded-gabarit{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;text-align:center}
.yl-ded-gabarit img{width:100%;display:block}
.yl-ded-gabarit span{display:block;padding:6px;font-size:.8rem;color:var(--muted)}
.yl-ded-submit{margin-top:28px;text-align:center}
/* Modèles de dédicaces (privé) */
.yl-gabarits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.yl-gabarit{border:1px solid var(--line);border-radius:14px;overflow:hidden;text-align:center;background:var(--ink)}
.yl-gabarit img{width:100%;display:block}
.yl-gabarit figcaption{padding:8px;color:var(--cream)}
.yl-gabarit .yl-btn{margin:0 10px 12px}
@media(max-width:600px){ .yl-ded-dates{grid-template-columns:1fr} }

/* fix contraste libellés tunnel dédicace */
.yl-ded-type .t, .yl-ded-formule .fr{color:var(--cream)}
.yl-ded-type input, .yl-ded-formule input, .yl-ded-gabarit input{accent-color:var(--gold)}

/* ===== Étape 3 nom (personne + parent) ===== */
.yl-ded-personne{display:grid;gap:12px}
.yl-ded-personne label.full{display:block;color:var(--muted);font-size:.85rem}
.yl-ded-genre,.yl-ded-parent-type{display:flex;gap:18px;align-items:center;flex-wrap:wrap;color:var(--cream)}
.yl-ded-genre label,.yl-ded-parent-type label{display:inline-flex;gap:6px;align-items:center;cursor:pointer}

/* ===== Flashs emplacements (pub / dédicace avant l'étude) ===== */
.yl-flashes{position:fixed;inset:0;z-index:99998;background:#0b0b0d;display:none}
.yl-flashes.is-active{display:block}
.yl-flash{position:absolute;inset:0;display:none;align-items:center;justify-content:center}
.yl-flash.show{display:flex}
.yl-flash a{display:block;max-width:100%;max-height:100%}
.yl-flash img{max-width:100vw;max-height:100vh;object-fit:contain;display:block}
.yl-flash-skip{position:absolute;top:18px;right:18px;background:rgba(11,11,13,.7);color:var(--cream);border:1px solid rgba(212,175,55,.5);border-radius:999px;padding:8px 18px;cursor:pointer;font-size:.95rem;opacity:0;pointer-events:none;transition:opacity .3s}
.yl-flash-skip.ready{opacity:1;pointer-events:auto}
.yl-flash-tag{position:absolute;top:20px;left:20px;background:rgba(212,175,55,.9);color:#241c00;font-weight:700;border-radius:6px;padding:4px 12px;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}
.yl-flash-remove{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);background:rgba(11,11,13,.8);color:var(--gold-2);border:1px solid var(--gold-deep);border-radius:999px;padding:9px 22px;text-decoration:none;font-size:.9rem}
.yl-flash-remove:hover{background:var(--gold-2);color:#241c00}

/* Bandeau « Abonnez-vous » (Daf gratuit = pub pour tora4me) */
.yl-abo-band{margin:26px 0;padding:18px 22px;border-radius:16px;background:linear-gradient(120deg,#1a1508,#0b0b0d);border:1px solid var(--gold-deep);display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.yl-abo-band p{margin:0;color:var(--cream)}
.yl-abo-band strong{color:var(--gold-2)}

/* ===== Pages légales ===== */
.yl-legal{max-width:820px;margin:0 auto;color:var(--text)}
.yl-legal h2{font-family:var(--serif);color:var(--gold-2);font-size:1.5rem;margin:28px 0 10px}
.yl-legal p{line-height:1.7;color:var(--silver)}
.yl-legal a{color:var(--gold-2)}
.yl-legal-note{background:rgba(212,175,55,.1);border:1px solid var(--gold-deep);border-radius:10px;padding:12px 16px;color:var(--cream)!important;font-size:.9rem}

/* ============================================================
   CORRECTIFS ACCUEIL — démo (27/08/2026)
   Placés en fin de fichier : ces règles priment sur les précédentes.
   ============================================================ */

/* 1) EN-TÊTE (desktop) : le menu sur 2 lignes n'est plus tronqué ;
   bande noire (padding) + inter-ligne resserré à droite du logo. */
.yl-topbar .wrap{height:auto;min-height:70px;padding:9px 0;align-items:center}
.yl-nav{column-gap:18px;row-gap:2px}

/* 2) BLOCS DU HERO : taille -30% ; les 3 blocs (Découvrir / S'abonner /
   Collaborer) prennent la couleur du bloc « Étudier » (argent) à ~50%
   de transparence, avec texte parfaitement lisible. « Étudier » reste
   l'action principale, en argent plein. */
.yl-splash-cta .yl-btn{padding:9px 18px;font-size:.9rem}
.yl-splash-cta .yl-btn-ghost{
	background:rgba(233,237,241,.5);
	color:#141519;
	border:1px solid rgba(255,255,255,.5);
	-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
	text-shadow:0 1px 0 rgba(255,255,255,.28);
}
.yl-splash-cta .yl-btn-ghost:hover{background:rgba(233,237,241,.74)}
.yl-premium-cta{padding:11px 22px}

/* 3) MOBILE : dégager le centre de l'arbre (« YESSOD LIMOUD » redevient
   visible) — blocs écartés vers les bords, remontés, plus compacts. */
@media(max-width:640px){
	.yl-splash-bottom{padding-bottom:24px}
	.yl-splash-cta{gap:9px 10px;justify-content:space-between;margin-top:12px;transform:translateY(-7vh)}
	.yl-splash-cta .yl-btn{flex:1 1 46%;min-width:0;text-align:center}
	.yl-premium-cta{transform:translateY(-4vh)}
}

/* 4) RIDEAU D'OUVERTURE : révéler la PAGE D'ACCUEIL (et non un fond noir)
   quand les deux battants s'écartent. */
.yl-sponsor-splash,
.yl-sponsor-splash.is-open{background:transparent}

/* 5) SPLASH SPONSOR : réduire la troncature du texte central sur mobile. */
@media(max-width:640px){
	.yl-curtain img{object-position:center center}
}