:root{--bg:#f6f0e4;--bg2:#ede5d2;--bg3:#fffcf7;--gold:#6e3f14;--gold-light:#9a5820;--white:#1a0e06;--muted:#8a6848;--classic:#1e4e8a;--dore:#8a5c20;--rayonnant:#7a206a;--border:rgba(110,63,20,0.18)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--white);font-family:'Inter',sans-serif;min-height:100vh;overflow-x:hidden}
a{color:inherit;text-decoration:none}
nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(246,240,228,0.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 1.5rem;height:60px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:900;color:var(--gold);cursor:pointer;white-space:nowrap}
.nav-logo span{color:var(--white)}
.nav-links{display:flex;gap:.1rem;flex-wrap:wrap}
.nav-right{display:flex;align-items:center;gap:.4rem;flex-shrink:0}
.nav-link{padding:.35rem .7rem;border-radius:4px;font-size:.8rem;font-weight:500;letter-spacing:.03em;cursor:pointer;transition:all .2s;color:var(--muted)}
.nav-link:hover,.nav-link.active{color:var(--white);background:rgba(200,164,74,.12)}
.nav-cta{background:var(--gold);color:#0a0a0f;padding:.4rem .9rem;border-radius:4px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}
.nav-cta:hover{background:var(--gold-light)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}
.hamburger span{display:block;width:22px;height:2px;background:var(--white)}
.page{display:none;padding-top:60px;min-height:100vh}
.page.active{display:block}
.hero{min-height:calc(100vh - 60px);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:3rem 2rem 2rem;gap:2.5rem}
.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 25% 60%,rgba(110,63,20,.07) 0%,transparent 55%),radial-gradient(ellipse at 75% 15%,rgba(122,32,106,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(142,88,30,.04) 0%,transparent 60%)}
.chess-grid{display:none}
.hero-content{position:relative;z-index:1;text-align:center;max-width:820px;width:100%}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.hero-content{animation:fadeUp .7s ease both}
.hero-badge{display:inline-block;background:rgba(200,164,74,.12);border:1px solid var(--border);border-radius:20px;padding:.3rem 1rem;font-size:.73rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:1.25rem}
.hero-title{font-family:'Cormorant Garamond',serif;font-weight:900;font-size:clamp(3.2rem,9vw,7.5rem);line-height:.9;letter-spacing:-.02em;margin-bottom:1rem}
.hero-title .jumble{color:var(--white)}
.hero-title .chess{color:var(--gold);display:block}
.hero-sub{font-size:clamp(.95rem,2vw,1.15rem);color:var(--muted);max-width:480px;margin:0 auto 2rem;line-height:1.65;font-weight:300}
.hero-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.hero-img-single{position:relative;z-index:1;width:100%;max-width:700px;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6);border:1px solid var(--border);animation:fadeUp .9s ease .15s both}
.hero-img-single img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
.btn-primary{background:var(--gold);color:#0a0a0f;padding:.85rem 1.8rem;border-radius:6px;font-size:.95rem;font-weight:700;cursor:pointer;border:none;transition:all .2s;font-family:'Inter',sans-serif}
.btn-primary:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 8px 24px rgba(200,164,74,.28)}
.btn-secondary{background:transparent;color:var(--white);padding:.85rem 1.8rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;border:1px solid rgba(240,237,232,.28);transition:all .2s;font-family:'Inter',sans-serif}
.btn-secondary:hover{border-color:var(--white);background:rgba(240,237,232,.05)}
.section{padding:4rem 2rem;max-width:1100px;margin:0 auto}
.section-label{font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem}
.section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;margin-bottom:1.25rem}
.section-title em{color:var(--gold);font-style:italic}
.divider{width:100%;height:1px;background:var(--border);margin:3rem 0}
.rules-steps{display:grid;gap:1rem;margin-top:1.5rem}
.rule-step{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:1.25rem;display:flex;gap:1.25rem;align-items:flex-start}
.step-num{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:900;color:var(--gold);opacity:.35;line-height:1;flex-shrink:0;width:1.5rem;text-align:center}
.step-content h3{font-size:.95rem;font-weight:600;margin-bottom:.35rem}
.step-content p{font-size:.87rem;color:var(--muted);line-height:1.6}
.mod-examples-note{color:var(--muted);font-size:.9rem;line-height:1.6;max-width:640px;margin:-.6rem 0 0}
.modifier-types{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.25rem}
@media(max-width:600px){.modifier-types{grid-template-columns:1fr}}
.mod-type{border-radius:8px;padding:1.25rem;text-align:center;border:1px solid}
.mod-type.classic{background:rgba(74,127,212,.07);border-color:rgba(74,127,212,.28)}
.mod-type.dore{background:rgba(200,164,74,.07);border-color:rgba(200,164,74,.28)}
.mod-type.rayonnant{background:rgba(155,89,182,.07);border-color:rgba(155,89,182,.28)}
.mod-type h3{font-size:.95rem;font-weight:700;margin-bottom:.4rem}
.mod-type.classic h3{color:var(--classic)}
.mod-type.dore h3{color:var(--dore)}
.mod-type.rayonnant h3{color:var(--rayonnant)}
.mod-type p{font-size:.83rem;color:var(--muted);line-height:1.5}
.cta-section{background:linear-gradient(135deg,rgba(200,164,74,.08) 0%,rgba(155,89,182,.06) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4rem 2rem;text-align:center}
.cta-section h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,2.5vw,2.2rem);margin-bottom:.75rem}
.cta-section>p{color:var(--muted);margin-bottom:2rem;max-width:480px;margin-left:auto;margin-right:auto}
.cta-duo{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:720px;margin:0 auto}
@media(max-width:600px){.cta-duo{grid-template-columns:1fr}}
.cta-card{background:var(--bg3);border-radius:10px;padding:2rem;border:1px solid var(--border);text-align:center;transition:transform .2s,box-shadow .2s}
.cta-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.35)}
.cta-card h3{font-family:'Cormorant Garamond',serif;font-size:1.2rem;margin-bottom:.6rem}
.cta-card p{font-size:.85rem;color:var(--muted);margin-bottom:1.25rem;line-height:1.5}
.physical-hero{height:55vh;position:relative;overflow:hidden;display:flex;align-items:flex-end}
.physical-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45)}
.physical-hero-text{position:relative;z-index:1;padding:2.5rem;max-width:1100px;margin:0 auto;width:100%}
.physical-hero-text h1{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:900}
.physical-hero-text p{color:var(--muted);margin-top:.4rem}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;margin-top:1.5rem}
.photo-grid img{width:100%;border-radius:8px;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--border);display:block;transition:transform .3s}
.photo-grid img:hover{transform:scale(1.02)}
.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem;margin-top:1.5rem}
.feature-item{background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:1.1rem}
.feature-item .fi-label{font-size:.7rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem}
.feature-item h4{font-size:.93rem;margin-bottom:.25rem}
.feature-item p{font-size:.82rem;color:var(--muted);line-height:1.5}
.codex-header{text-align:center;padding:2.5rem 2rem 1.5rem}
.codex-filters{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}
.filter-btn{padding:.38rem .9rem;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid;transition:all .2s;font-family:'Inter',sans-serif;background:transparent}
.filter-btn.all{border-color:rgba(240,237,232,.3);color:var(--white)}
.filter-btn.all.active{background:rgba(240,237,232,.1)}
.filter-btn.classic{border-color:var(--classic);color:var(--classic)}
.filter-btn.classic.active{background:rgba(74,127,212,.14)}
.filter-btn.dore{border-color:var(--dore);color:var(--dore)}
.filter-btn.dore.active{background:rgba(200,164,74,.14)}
.filter-btn.rayonnant{border-color:var(--rayonnant);color:var(--rayonnant)}
.filter-btn.rayonnant.active{background:rgba(155,89,182,.14)}
.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;max-width:1300px;margin:0 auto;padding:0 2rem 4rem}
.ex-tier{margin-top:1.4rem}
.ex-tier:first-child{margin-top:1rem}
.ex-tier-name{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.6rem}
.ex-tier-name.classic{color:var(--muted)}
.ex-tier-name.dore{color:var(--gold)}
.ex-tier-name.rayonnant{color:#a56bd6}
.ex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}
.home-ex{display:grid;gap:.7rem;margin-top:1.1rem;text-align:left;grid-auto-rows:1fr}
.home-ex .mod-card{padding:.9rem;display:flex;flex-direction:column}
.home-ex .card-img{width:calc(100% + 1.8rem);margin:-.9rem -.9rem .7rem}
.home-ex .mod-card h3{font-size:.92rem}
.home-ex .mod-card p{font-size:.78rem}
.home-ex .card-type{display:none}
@media(max-width:900px){.ex-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ex-grid{grid-template-columns:1fr}}@media(max-width:900px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.cards-grid{grid-template-columns:1fr}}
.mod-card{background:var(--bg3);border-radius:8px;padding:1.1rem;border:1px solid;transition:transform .2s,box-shadow .2s}
.mod-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.35)}
.mod-card.classic{border-color:rgba(74,127,212,.22)}
.mod-card.dore{border-color:rgba(200,164,74,.22)}
.mod-card.rayonnant{border-color:rgba(155,89,182,.22)}
.card-type{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.4rem}
.card-type.classic{color:var(--classic)}
.card-type.dore{color:var(--dore)}
.card-type.rayonnant{color:var(--rayonnant)}
.mod-card h3{font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:700;margin-bottom:.4rem}
.mod-card p{font-size:.82rem;color:var(--muted);line-height:1.6}
.card-img{width:calc(100% + 2.2rem);margin:-1.1rem -1.1rem .8rem;border-radius:7px 7px 0 0;overflow:hidden;line-height:0;background:#fff;border-bottom:1px solid rgba(255,255,255,.15)}
.card-img img{width:100%;display:block;aspect-ratio:1/1;object-fit:contain;background:#fff;padding:15%;box-sizing:border-box}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
@media(max-width:768px){.about-layout{grid-template-columns:1fr}}
.about-img img{width:100%;border-radius:10px;object-fit:cover;max-height:480px;border:1px solid var(--border);display:block}
.about-text h2,
.about-text h1{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,2.5vw,2.2rem);margin-bottom:1rem}
.about-text p{color:var(--muted);line-height:1.8;margin-bottom:.9rem;font-size:.93rem}
.about-highlight{margin-top:1.5rem;padding:1.25rem;background:rgba(200,164,74,.07);border:1px solid var(--border);border-radius:8px}
.about-highlight .hl-title{color:var(--gold);font-weight:600;margin-bottom:.4rem;font-size:.92rem}
.about-highlight .hl-sub{color:var(--muted);font-size:.85rem;margin-bottom:.75rem}
.rules-section{max-width:780px;margin:0 auto;padding:2.5rem 2rem 4rem}
.rules-section h1{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3.5vw,2.5rem);margin-bottom:1.5rem}
.rule-block{margin-bottom:2rem}
.rule-block h2{font-size:1rem;font-weight:700;color:var(--gold);margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}
.rule-block p,.rule-block li{color:var(--muted);line-height:1.8;font-size:.9rem}
.rule-block ul{padding-left:1.1rem;display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}
.variant-card{background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:1.1rem;margin-bottom:.6rem}
.variant-card h4{font-weight:700;margin-bottom:.25rem;font-size:.93rem}
.variant-card p{font-size:.85rem;color:var(--muted);line-height:1.5}
/* Dé de sélection */
.dice-legend{display:flex;gap:1.3rem;flex-wrap:wrap;margin:.9rem 0 .2rem}
[data-theme="dark"] .mc-bg-classic{fill:#e8dcc4}
[data-theme="dark"] .mc-pc-classic{fill:#15110b}
.dice-legend .leg{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted)}
.leg-card{width:26px;height:31px;flex:none}
.dice-grid{margin-top:.5rem;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg3)}
.dice-row{display:flex;align-items:center;gap:1.9rem;padding:.7rem 1.1rem;border-bottom:1px solid var(--border)}
.dice-row:last-child{border-bottom:none}
.die-face{width:50px;height:50px;flex:none}
.die-face .die-bg{fill:var(--gold)}
.die-face .pip{fill:var(--bg)}
.dice-seq{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.mini-card{width:36px;height:43px;flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}
.seq-arrow{color:var(--muted);font-weight:700;font-size:.9rem;display:inline-block}
html[lang="ar"] .dice-row{flex-direction:row-reverse}
html[lang="ar"] .dice-seq{flex-direction:row-reverse}
html[lang="ar"] .seq-arrow{transform:scaleX(-1)}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;max-width:860px;margin:0 auto;padding:2.5rem 2rem 4rem}
@media(max-width:640px){.contact-layout{grid-template-columns:1fr}}
.contact-info h1{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3vw,2.2rem);margin-bottom:.75rem}
.contact-info>p{color:var(--muted);line-height:1.7;margin-bottom:1.75rem;font-size:.93rem}
.contact-item{display:flex;gap:.9rem;align-items:flex-start;margin-bottom:1.25rem}
.contact-icon{width:38px;height:38px;background:rgba(200,164,74,.09);border:1px solid var(--border);border-radius:7px;display:grid;place-items:center;font-size:1rem;flex-shrink:0}
.contact-item-text .label{font-size:.7rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.15rem}
.contact-item-text p{font-size:.9rem;color:var(--white)}
.contact-form{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:1.75rem}
.contact-form h3{font-size:1rem;font-weight:700;margin-bottom:1.25rem}
.form-group{margin-bottom:.85rem}
.form-group label{display:block;font-size:.75rem;font-weight:600;color:var(--muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.07em}
.form-group input,.form-group textarea{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--white);border-radius:5px;padding:.65rem .85rem;font-family:'Inter',sans-serif;font-size:.9rem;transition:border-color .2s;outline:none}
.form-group input:focus,.form-group textarea:focus{border-color:var(--gold)}
.form-group textarea{min-height:110px;resize:vertical}
.form-success{display:none;text-align:center;padding:2rem}
.form-success h4{font-size:1rem;color:var(--gold);margin-bottom:.4rem}
.form-success p{font-size:.85rem;color:var(--muted)}
.online-layout{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
@media(max-width:768px){.online-layout{grid-template-columns:1fr}}
.online-img img{width:100%;border-radius:10px;border:1px solid var(--border);display:block;box-shadow:0 16px 48px rgba(0,0,0,.5)}

footer{background:var(--bg2);border-top:1px solid var(--border);padding:2rem;text-align:center}
.footer-logo{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:900;color:var(--gold);margin-bottom:.4rem}
.footer-links{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap;margin:.75rem 0}
.footer-links a{font-size:.8rem;color:var(--muted);cursor:pointer}
.footer-links a:hover{color:var(--white)}
footer p{font-size:.78rem;color:var(--muted)}
/* Boutons réseaux sociaux */
.social-btns{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin:1rem 0 .25rem}
.social-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:rgba(110,63,20,.05);color:var(--gold);transition:all .2s;cursor:pointer}
.social-btn svg{width:18px;height:18px;fill:currentColor;display:block}
.social-btn:hover{background:var(--gold);color:var(--bg);border-color:var(--gold);transform:translateY(-2px)}
[data-theme="dark"] .social-btn{background:rgba(222,193,158,.07);border-color:rgba(212,168,48,.18)}
[data-theme="dark"] .social-btn:hover{background:var(--gold);color:#100d08;border-color:var(--gold)}
.contact-social{margin-top:1.75rem}
.contact-social .social-title{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:700;color:var(--gold);margin-bottom:.85rem}
.contact-social .social-btns{justify-content:flex-start;margin:0}
html[lang="ar"] .contact-social .social-btns{justify-content:flex-end}
@media(max-width:860px){
  .hamburger{display:flex}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;background:rgba(246,240,228,.98);padding:1rem;flex-direction:column;border-bottom:1px solid var(--border);z-index:999}
  .nav-links.open{display:flex}
  .nav-link{padding:.6rem .9rem;font-size:.9rem}
  .nav-cta{display:none}
  .nav-right{gap:.3rem}
}

.chess-deco i{color:#1a1008 !important}
.hero-title{letter-spacing:-.03em;line-height:.88}
.section-title em{font-style:italic}
.mod-card h3,.about-text h2,.contact-info h1,.rules-section h1,.cta-section h2,.about-text h1{font-family:'Cormorant Garamond',serif}
.card-img img{background:#ffffff !important}
.card-img{background:#ffffff !important;border-bottom:1px solid rgba(110,63,20,.08) !important}
.hero-img-single{box-shadow:0 20px 60px rgba(0,0,0,.15)}
.about-highlight{background:rgba(122,78,40,.06)}
.section-label{letter-spacing:.2em}
.rule-step,.variant-card,.feature-item{background:#fffdf8;border-color:rgba(122,78,40,.15)}
.cta-section{background:linear-gradient(135deg,rgba(122,78,40,.06) 0%,rgba(106,48,128,.04) 100%)}
.cta-card{background:#fffdf8}
.contact-form{background:#fffdf8}
.form-group input,.form-group textarea{background:#f3ede0;color:#1a1008;border-color:rgba(122,78,40,.25)}
footer{background:#e8e0ce}
.mod-card{background:#fffdf8}
.mod-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.10)}
.step-num{opacity:.25}
.physical-hero img{filter:brightness(.55) sepia(.3)}


.chess-deco{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.chess-deco i{position:absolute;font-style:normal;line-height:1;user-select:none;color:var(--gold)}

/* ── Ivoire & Bronze extras ── */
.hero-title{font-size:clamp(3.2rem,8.5vw,7rem);letter-spacing:-.04em}
.hero-badge{background:rgba(110,63,20,.1);letter-spacing:.18em}
.btn-primary{background:var(--gold);color:#fffcf7;border-radius:3px;letter-spacing:.04em}
.btn-primary:hover{background:var(--gold-light);box-shadow:0 6px 20px rgba(110,63,20,.3)}
.btn-secondary{border-color:rgba(26,14,6,.3);border-radius:3px;color:var(--white)}
.btn-secondary:hover{border-color:var(--gold);background:rgba(110,63,20,.06)}
.nav-cta{border-radius:3px;background:var(--gold);color:#fffcf7;letter-spacing:.03em}
.section-title{font-size:clamp(2rem,3.8vw,3.2rem);letter-spacing:-.02em}
.section-title em{font-style:italic;color:#6e3f14}
.divider{background:linear-gradient(90deg,transparent,rgba(110,63,20,.3),transparent)}
.rule-step,.variant-card,.feature-item{background:#fffcf7;border-color:rgba(110,63,20,.12)}
.rule-step{border-left:3px solid rgba(110,63,20,.25)}
.mod-card{background:#fffcf7;border-radius:6px}
.mod-card.classic{border-color:rgba(30,78,138,.18)}
.mod-card.dore{border-color:rgba(138,92,32,.25)}
.mod-card.rayonnant{border-color:rgba(122,32,106,.18)}
.mod-card:hover{box-shadow:0 8px 28px rgba(110,63,20,.12);transform:translateY(-3px)}
.card-img img{background:#ffffff !important;padding:14%}
.card-img{background:#ffffff !important;border-bottom:1px solid rgba(110,63,20,.08) !important}
.cta-section{background:linear-gradient(160deg,rgba(110,63,20,.05) 0%,rgba(122,32,106,.04) 100%)}
.cta-card{background:#fffcf7;border-radius:6px}
.cta-card:hover{box-shadow:0 10px 32px rgba(110,63,20,.12)}
.contact-form{background:#fffcf7;border-radius:6px}
.form-group input,.form-group textarea{background:#f6f0e4;color:#1a0e06;border-color:rgba(110,63,20,.2);border-radius:3px}
.form-group input:focus,.form-group textarea:focus{border-color:#6e3f14;box-shadow:0 0 0 2px rgba(110,63,20,.08)}
footer{background:#ede5d2;border-color:rgba(110,63,20,.15)}
.chess-deco i{color:#1a0e06 !important}
/* Force rendu symbolique (non-emoji) sur mobile */
@media (max-width: 860px) {
  .chess-deco i {
    font-family: 'Cormorant Garamond', 'Segoe UI Symbol', 'Apple Symbols', Georgia, serif;
  }
}
.physical-hero img{filter:brightness(.5) sepia(.4) saturate(.8)}
/* Thin gold line under nav */
nav{border-bottom:1px solid rgba(110,63,20,.2)}
/* Filter buttons */
.filter-btn.all{border-color:rgba(26,14,6,.3);color:var(--white)}
.filter-btn.all.active{background:rgba(26,14,6,.08)}
.step-num{opacity:.2;font-size:2.5rem}
/* Ligne décorative sous la section-label */
.section-label::after{content:'';display:block;width:24px;height:1px;background:var(--gold);margin-top:5px}


:root { color-scheme: light only; }
[data-theme="dark"] { color-scheme: dark only; }
/* Surcharge explicite thème clair — nécessaire quand le téléphone est en mode sombre
   et que l'utilisateur choisit le thème clair manuellement */
[data-theme="light"] body { background: #f6f0e4 !important; color: #1a0e06 !important; }
[data-theme="light"] html { background: #f6f0e4 !important; }
/* Idem pour le thème sombre : html + body avec !important pour l'emporter sur Safari iOS */
[data-theme="dark"] html { background: #100d08 !important; }

/* ══════════════════════════════════════
   THÈME SOMBRE
══════════════════════════════════════ */
[data-theme="dark"]{
  --bg:#100d08;--bg2:#181208;--bg3:#201a10;
  --gold:#dec19e;--gold-light:#e8c050;
  --white:#f0e8d8;--muted:#907860;
  --classic:#5a90d8;--dore:#d4a830;--rayonnant:#c060c0;
  --border:rgba(212,168,48,0.2)
}
[data-theme="dark"] body{background:#100d08 !important;color:var(--white)}
[data-theme="dark"] nav{background:rgba(16,13,8,0.97) !important;border-bottom-color:rgba(212,168,48,.15)}
[data-theme="dark"] .nav-links{background:rgba(16,13,8,.98) !important}
[data-theme="dark"] .hamburger span{background:var(--white)}
[data-theme="dark"] .hero-bg{background:radial-gradient(ellipse at 25% 60%,rgba(212,168,48,.07) 0%,transparent 55%),radial-gradient(ellipse at 75% 15%,rgba(192,96,192,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(212,168,48,.04) 0%,transparent 60%)}
[data-theme="dark"] .chess-grid{opacity:.042;background-image:linear-gradient(rgba(212,168,48,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(212,168,48,.5) 1px,transparent 1px)}
[data-theme="dark"] .chess-deco i{color:#dec19e !important}
[data-theme="dark"] .hero-badge{background:rgba(212,168,48,.1);border-color:rgba(212,168,48,.25);color:var(--gold)}
[data-theme="dark"] .hero-img-single{box-shadow:0 20px 60px rgba(0,0,0,.7);border-color:rgba(212,168,48,.15)}
[data-theme="dark"] .btn-primary{background:var(--gold);color:#100d08}
[data-theme="dark"] .btn-primary:hover{background:var(--gold-light);box-shadow:0 6px 24px rgba(212,168,48,.35)}
[data-theme="dark"] .btn-secondary{border-color:rgba(240,232,216,.22)}
[data-theme="dark"] .btn-secondary:hover{border-color:var(--gold);background:rgba(212,168,48,.08)}
[data-theme="dark"] .nav-cta{background:var(--gold);color:#100d08}
[data-theme="dark"] .nav-cta:hover{background:var(--gold-light);box-shadow:0 0 16px rgba(212,168,48,.3)}
[data-theme="dark"] .nav-link:hover,[data-theme="dark"] .nav-link.active{color:var(--gold);background:rgba(212,168,48,.1)}
[data-theme="dark"] .divider{background:linear-gradient(90deg,transparent,rgba(212,168,48,.35),rgba(212,168,48,.35),transparent)}
[data-theme="dark"] .rule-step,[data-theme="dark"] .variant-card,[data-theme="dark"] .feature-item{background:#201a10;border-color:rgba(212,168,48,.12)}
[data-theme="dark"] .rule-step{border-left-color:rgba(212,168,48,.4)}
[data-theme="dark"] .step-num{color:var(--gold)}
[data-theme="dark"] .mod-type.classic{background:rgba(90,144,216,.06);border-color:rgba(90,144,216,.2)}
[data-theme="dark"] .mod-type.dore{background:rgba(212,168,48,.07);border-color:rgba(212,168,48,.28)}
[data-theme="dark"] .mod-type.rayonnant{background:rgba(192,96,192,.07);border-color:rgba(192,96,192,.28)}
[data-theme="dark"] .cta-section{background:linear-gradient(160deg,rgba(212,168,48,.06) 0%,rgba(192,96,192,.04) 100%)}
[data-theme="dark"] .cta-card{background:#201a10}
[data-theme="dark"] .cta-card:hover{box-shadow:0 10px 32px rgba(0,0,0,.5),0 0 20px rgba(212,168,48,.1)}
[data-theme="dark"] .mod-card{background:#201a10}
[data-theme="dark"] .mod-card.classic{border-color:rgba(90,144,216,.2)}
[data-theme="dark"] .mod-card.dore{border-color:rgba(212,168,48,.28)}
[data-theme="dark"] .mod-card.rayonnant{border-color:rgba(192,96,192,.2)}
[data-theme="dark"] .mod-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.5),0 0 16px rgba(212,168,48,.09)}
[data-theme="dark"] .card-img,[data-theme="dark"] .card-img img{background:#fff !important}
[data-theme="dark"] .card-img{border-bottom-color:rgba(212,168,48,.1) !important}
[data-theme="dark"] .about-highlight{background:rgba(212,168,48,.06);border-color:rgba(212,168,48,.2)}
[data-theme="dark"] .contact-icon{background:rgba(212,168,48,.08);border-color:rgba(212,168,48,.15)}
[data-theme="dark"] .contact-form{background:#201a10}
[data-theme="dark"] .form-group input,[data-theme="dark"] .form-group textarea{background:#100d08;color:var(--white);border-color:rgba(212,168,48,.2)}
[data-theme="dark"] .form-group input:focus,[data-theme="dark"] .form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(212,168,48,.12)}
[data-theme="dark"] footer{background:#181208;border-color:rgba(212,168,48,.12)}
[data-theme="dark"] .physical-hero img{filter:brightness(.35) sepia(.3) saturate(.8)}
[data-theme="dark"] .filter-btn.all{border-color:rgba(240,232,216,.22);color:var(--white)}
[data-theme="dark"] .filter-btn.all.active{background:rgba(240,232,216,.08)}
[data-theme="dark"] .rule-block h2{border-bottom-color:rgba(212,168,48,.2)}
[data-theme="dark"] .photo-grid img{border-color:rgba(212,168,48,.15)}
[data-theme="dark"] .online-img img{box-shadow:0 16px 48px rgba(0,0,0,.6)}
[data-theme="dark"] .about-img img{border-color:rgba(212,168,48,.15)}
[data-theme="dark"] .section-label::after{opacity:.9}

/* ── Toggle button ─────────────────────────────────────── */
.theme-toggle{
  display:flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:50%;
  background:rgba(110,63,20,.08);
  border:1px solid rgba(110,63,20,.2);
  cursor:pointer;transition:all .25s;
  margin-left:.3rem;flex-shrink:0;
  color:var(--gold);padding:0;
}
.theme-toggle:hover{
  background:rgba(110,63,20,.16);
  transform:rotate(18deg)
}
[data-theme="dark"] .theme-toggle{
  background:rgba(212,168,48,.1);
  border-color:rgba(212,168,48,.25);
  color:var(--gold)
}
[data-theme="dark"] .theme-toggle:hover{background:rgba(212,168,48,.2)}
.theme-toggle .icon-sun,.theme-toggle .icon-moon{display:flex;align-items:center}
/* en thème clair on montre la lune (pour basculer vers sombre) */
.theme-toggle .icon-sun{display:none}
.theme-toggle .icon-moon{display:flex}
/* en thème sombre on montre le soleil */
[data-theme="dark"] .theme-toggle .icon-sun{display:flex}
[data-theme="dark"] .theme-toggle .icon-moon{display:none}


[data-theme="dark"] .section-title em{color:var(--gold) !important}
/* ── Language switcher ─────────────────────────────────────────────── */
.lang-switcher{position:relative;display:flex;align-items:center;margin-left:.2rem}
.lang-btn{display:flex;align-items:center;justify-content:center;gap:.3rem;width:auto;height:30px;border-radius:14px;background:rgba(110,63,20,.08);border:1px solid rgba(110,63,20,.2);cursor:pointer;transition:all .25s;padding:0 .6rem;color:var(--gold);font-family:'Inter',sans-serif;white-space:nowrap;line-height:1;vertical-align:middle}
.lang-btn:hover{background:rgba(110,63,20,.16)}
.lang-btn .flag{display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}
.lang-btn .flag svg{display:block;vertical-align:middle}
.lang-btn .lang-caret{font-size:.5rem;opacity:.55;transition:transform .2s;line-height:1;display:flex;align-items:center}
.lang-switcher.open .lang-caret{transform:rotate(180deg)}
.lang-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--bg3);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18);overflow:hidden;min-width:128px;z-index:9999}
.lang-switcher.open .lang-dropdown{display:block}
.lang-option{display:flex;align-items:center;gap:.55rem;padding:.55rem .9rem;cursor:pointer;font-size:.82rem;font-weight:500;color:var(--white);transition:background .15s;white-space:nowrap}
.lang-option:hover{background:rgba(110,63,20,.08)}
.lang-option.active{color:var(--gold);font-weight:700}
.lang-option .flag{display:flex;align-items:center;line-height:0;flex-shrink:0}
[data-theme="dark"] .lang-btn{background:rgba(212,168,48,.1);border-color:rgba(212,168,48,.25);color:var(--gold)}
[data-theme="dark"] .lang-btn:hover{background:rgba(212,168,48,.2)}
[data-theme="dark"] .lang-dropdown{background:#201a10;border-color:rgba(212,168,48,.2);box-shadow:0 8px 24px rgba(0,0,0,.4)}
[data-theme="dark"] .lang-option:hover{background:rgba(212,168,48,.08)}


/* ── Arabic RTL ─────────────────────────────────────── */
html[lang="ar"] { direction: rtl; }
html[lang="ar"] nav { flex-direction: row-reverse; }
html[lang="ar"] .nav-links { flex-direction: row-reverse; }
html[lang="ar"] .nav-right { flex-direction: row-reverse; }
html[lang="ar"] .lang-dropdown { right: auto; left: 0; }
html[lang="ar"] .hero-content,
html[lang="ar"] .section-label,
html[lang="ar"] .section-title,
html[lang="ar"] .steps-grid,
html[lang="ar"] .feature-list { text-align: right; }
html[lang="ar"] .mod-card { text-align: right; }
html[lang="ar"] .contact-form { text-align: right; }
html[lang="ar"] footer .footer-links { flex-direction: row-reverse; }


/* ── Ajouts SEO (liens à la place des div/boutons) ── */
a.btn-primary,a.btn-secondary{display:inline-block;text-align:center;line-height:normal;text-decoration:none}
a.nav-link,a.nav-cta,a.nav-logo,a.lang-option{text-decoration:none}
html:not(.codex-on) .codex-link{display:none !important}
.faq-item{border-bottom:1px solid var(--border);padding:.2rem 0}
.faq-item summary{cursor:pointer;font-weight:600;padding:.75rem 0;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';color:var(--gold);font-weight:700}
.faq-item[open] summary::after{content:'\2212'}
.faq-item p{color:var(--muted);line-height:1.7;padding:0 0 .9rem;font-size:.93rem}
.notfound{max-width:560px;margin:0 auto;padding:6rem 2rem;text-align:center}
.notfound h1{font-family:'Cormorant Garamond',serif;font-size:2.4rem;margin-bottom:.75rem}
.notfound p{color:var(--muted);margin-bottom:1.5rem}