/* ═══════════════════════════════════════════════════════════
   Damo — Styles principaux (preprod-damo.hiddenlabs.cc)
   ═══════════════════════════════════════════════════════════ */

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=Inter:wght@200;300;400;500&family=Noto+Sans+Devanagari:wght@400;600;700&display=swap");

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Inter",system-ui,sans-serif;background:#FAF7F2;color:#2C2A26;min-height:100vh;overflow-x:hidden;scroll-behavior:smooth}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#FAF7F2}::-webkit-scrollbar-thumb{background:#C4A882;border-radius:3px}

nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;background:rgba(252,249,243,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(196,168,130,.2);box-shadow:0 1px 12px rgba(196,168,130,.08)}
.nav-title{font-family:"Cormorant Garamond",serif;font-size:1.3rem;color:#2C2A26;letter-spacing:1px;font-weight:600;text-decoration:none;cursor:pointer}
.nav-title span{color:#C4704B}
.nav-back{font-family:"Cormorant Garamond",serif;font-size:.95rem;color:#8B7355;text-decoration:none;cursor:pointer;transition:color .3s;padding:6px 14px;border-radius:8px;border:1px solid rgba(196,168,130,.15);background:rgba(196,168,130,.05);white-space:nowrap}
.nav-back:hover{color:#C4704B;border-color:rgba(196,112,75,.3)}
.slokas-link{font-family:"Cormorant Garamond",serif;font-size:.85rem;color:#8B7355;text-decoration:none;cursor:pointer;transition:color .3s;padding:6px 14px;border-radius:8px;border:1px solid rgba(196,168,130,.15);background:rgba(196,168,130,.05);display:inline-block;white-space:nowrap}
.slokas-link:hover{color:#C4704B;border-color:rgba(196,112,75,.3)}
.lang-btns{display:flex;gap:8px;align-items:center}
.lang-btn{padding:8px 16px;border-radius:10px;border:1px solid rgba(196,168,130,.2);background:rgba(255,255,255,.5);cursor:pointer;font-family:"Inter",sans-serif;font-size:.82rem;color:#6B6560;transition:all .25s;-webkit-appearance:none;appearance:none}
.lang-btn.active{background:rgba(196,112,75,.12);border-color:rgba(196,112,75,.3);color:#C4704B;font-weight:600}

.main-content{text-align:center;padding:120px 20px 40px;max-width:700px;margin:0 auto}

/* Hero section — entête citation du jour */
.hero-section{margin-bottom:28px}
.citation-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 16px;background:linear-gradient(135deg,rgba(196,168,130,.08),rgba(196,168,130,.03));border:1px solid rgba(196,168,130,.2);border-radius:50px;font-family:"Cormorant Garamond",serif;font-size:.9rem;color:#A08B6E;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px;animation:fadeInUp .6s ease-out forwards}
.citation-badge .dot{width:6px;height:6px;background:#7C8C6E;border-radius:50%;animation:pulse 2s infinite}
.citation-title{font-family:"Cormorant Garamond",serif;font-size:clamp(1.5rem,3.5vw,2.4rem);font-weight:700;text-align:center;margin-bottom:6px;color:#2C2A26;line-height:1.3;animation:fadeInUp .6s .1s ease-out both}
.citation-main-source{font-family:"Cormorant Garamond",serif;color:#8B7355;font-size:.95rem;letter-spacing:.5px;text-align:center;margin-bottom:20px;font-style:italic;animation:fadeInUp .6s .2s ease-out both;line-height:1.5}

@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}

/* Text sweep animations - write in from left, wipe out left */
.sweep-reveal{opacity:0;display:inline-block;transform:translateX(-20px);animation:sweepIn .6s cubic-bezier(.25,.46,.45,.94) forwards}
@keyframes sweepIn{to{opacity:1;transform:translateX(0)}}
.sweep-out{animation:sweepOut .4s ease-in forwards}
@keyframes sweepOut{to{opacity:0;transform:translateX(-30px)}}

.word-card{background:rgba(255,255,255,.65);border:1px solid rgba(196,168,130,.15);border-radius:18px;padding:36px 28px;margin-bottom:16px;transition:opacity .3s ease .05s,box-shadow .3s}
.word-card:hover{box-shadow:0 4px 20px rgba(196,168,130,.1)}
.word-number{font-family:"Cormorant Garamond",serif;font-size:.75rem;color:#A08B6E;letter-spacing:2px;font-weight:600;opacity:.6;text-align:left;margin-bottom:8px}
.sanskrit-text{font-family:"Noto Sans Devanagari",serif;font-size:clamp(1.4rem,4vw,2rem);font-weight:700;color:#2C2A26;line-height:1.8;text-align:center;padding:16px 0}
.translit-text{text-align:center;font-size:.95rem;font-weight:300;color:#8B7355;font-style:italic;padding:2px 0}
.source-text{text-align:center;font-size:.8rem;color:#A08B6E;margin:8px 0;font-family:"Cormorant Garamond",serif;font-style:italic}

.meaning-box{margin:16px auto;max-width:540px;text-align:left}
.meaning-label{font-family:"Cormorant Garamond",serif;font-size:.72rem;text-transform:uppercase;letter-spacing:1.2px;color:#B0A896;margin-bottom:4px;font-weight:600}
.meaning-en{font-size:.88rem;line-height:1.7;color:#3A3A36;font-weight:300;text-align:justify}
.meaning-fr{font-size:.88rem;line-height:1.7;color:#3A3A36;font-weight:300;text-align:justify}
#meaning-en{display:none}
#meaning-fr{display:none}

.nav-between{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px 0}
.nav-btn{font-family:"Cormorant Garamond",serif;font-size:1.3rem;color:#8B7355;cursor:pointer;background:none;border:1px solid rgba(196,168,130,.15);border-radius:10px;padding:8px 18px;transition:all .3s}
.nav-btn:hover{background:rgba(196,112,75,.08);color:#C4704B}

.info-encart{background:rgba(255,255,255,.65);border:1px solid rgba(196,168,130,.1);border-radius:16px;padding:24px;margin:8px auto 28px;max-width:580px;position:relative;overflow:hidden}
.info-encart::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(196,168,130,.03) 0%,transparent 70%);pointer-events:none;opacity:0;transition:opacity .6s}
.cta-btn{font-family:"Cormorant Garamond",serif;font-size:1.05rem;color:#fff;background:linear-gradient(135deg,#C4704B,#B0623D);cursor:pointer;border:none;border-radius:14px;padding:12px 32px;transition:all .3s;box-shadow:0 4px 16px rgba(196,112,75,.2);display:inline-flex;align-items:center;gap:6px}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(196,112,75,.3)}
.cta-btn:active{transform:translateY(0)}
.cta-sub{font-size:.78rem;color:#A08B6E;margin-top:8px;font-family:"Inter",sans-serif}
.slokas-cta{text-align:center;padding:8px 0 24px}
.info-encart-explain{font-size:.85rem;color:#8B7355;line-height:1.5;margin-bottom:16px}

.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:500;align-items:center;justify-content:center}
.modal-overlay.active{display:flex}
.modal-box{background:#FAF7F2;border-radius:18px;padding:32px;max-width:440px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.15);animation:modalIn .3s ease}
@keyframes modalIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.modal-title{font-family:"Cormorant Garamond",serif;font-size:1.25rem;font-weight:600;color:#2C2A26;margin-bottom:4px}
.modal-desc{font-size:.85rem;color:#6B6560;margin-bottom:20px;line-height:1.5}
.form-group{margin-bottom:14px}
.form-label{display:block;font-size:.78rem;font-weight:500;color:#6B6560;margin-bottom:5px;font-family:"Inter",sans-serif}
.form-input,.form-select{width:100%;padding:10px 14px;font-size:.9rem;border:1px solid rgba(196,168,130,.25);border-radius:10px;background:rgba(255,255,255,.7);color:#2C2A26;font-family:"Inter",sans-serif;outline:none;transition:border-color .3s,box-shadow .3s;-webkit-appearance:none;appearance:none}
.form-input:focus,.form-select:focus{border-color:#C4A882;box-shadow:0 0 0 3px rgba(196,168,130,.12)}
.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238B7355' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}
.form-select option{background:#FAF7F2;color:#2C2A26}
.optional{font-size:.7rem;color:#A08B6E;font-style:italic}

/* Trident */
.trident{font-size:1.5rem;margin-right:3px;color:#C4704B;vertical-align:middle}

/* Lang toggle pill */
.lang-fr .sloka-en{display:none!important}
.lang-en .sloka-fr{display:none!important}
.lang-switcher{display:flex;gap:0;align-items:center;position:relative;background:rgba(196,168,130,.1);border:1px solid rgba(196,168,130,.22);border-radius:12px;overflow:hidden;width:104px;height:34px;cursor:pointer;user-select:none;margin-left:auto}
.lang-btn{position:relative;z-index:3;width:50%;height:100%;background:transparent;border:none;color:#6B6560;padding:0;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:color .35s ease;display:flex;align-items:center;justify-content:center;letter-spacing:1px;outline:none}
.lang-btn:first-child{border-radius:11px 0 0 11px}
.lang-btn:last-child{border-radius:0 11px 11px 0}
.lang-btn.active{color:#fff}
.lang-btn:hover:not(.active){color:#2C2A26}
.lang-btn:focus-visible{box-shadow:inset 0 0 0 2px rgba(196,112,75,.5);border-radius:11px;z-index:4}
.lang-pill{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:linear-gradient(135deg,#C4704B,#A05838);border-radius:9px;transition:left .4s cubic-bezier(.4,0,.2,1);z-index:2;box-shadow:0 2px 8px rgba(196,112,75,.35)}
.lang-switcher:focus-within{border-color:rgba(196,112,75,.5);box-shadow:0 0 0 3px rgba(196,112,75,.12)}
.consent-label{display:flex;align-items:flex-start;gap:8px;font-size:.82rem;color:#6B6560;cursor:pointer;margin-bottom:14px;line-height:1.4}
.consent-label input{margin-top:3px;accent-color:#C4704B}
.error-msg{font-size:.72rem;color:#C4704B;margin-top:4px;display:none;font-family:"Inter",sans-serif}
.error-msg.visible{display:block}
.form-input.error{border-color:#C4704B}
.btn-primary{width:100%;padding:12px;background:#C4704B;color:white;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .3s;font-family:"Inter",sans-serif}
.btn-primary:hover{background:#B0623D}
.btn-primary.loading{opacity:.7;pointer-events:none}

.slokas-cta{text-align:center;padding:8px 0 24px}
.slokas-link-main{font-family:"Cormorant Garamond",serif;font-size:1rem;color:#C4704B;text-decoration:none;border:1px solid rgba(196,112,75,.25);border-radius:12px;padding:10px 28px;transition:all .3s;display:inline-block}
.slokas-link-main:hover{background:rgba(196,112,75,.08);border-color:rgba(196,112,75,.35)}

.foot{font-family:"Cormorant Garamond",serif;font-size:.82rem;color:#8B7355;letter-spacing:.3px;text-align:center;padding:20px 16px;border-top:1px solid rgba(196,168,130,.1);background:linear-gradient(180deg,rgba(252,249,243,.6),rgba(252,249,243,.9))}
.foot-line{margin:4px 0}
.foot .trident{font-size:1.3rem;color:#C4704B}
.foot span{white-space:nowrap}
.foot-shiva{font-size:.95rem;color:#2C2A26;font-weight:600}
.foot-trad{color:#A08B6E}
.foot-sep{color:#C4A882;font-size:.7rem}
.foot-domain{color:#A08B6E;font-size:.78rem}

#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}

@media(max-width:600px){.main-content{padding:100px 14px 0}.word-card{padding:22px 18px}.sanskrit-text{font-size:1.2rem}.nav-btn{font-size:1.1rem;padding:6px 12px}.info-encart{padding:18px;margin:8px auto 24px}nav{padding:10px 14px}.nav-title{font-size:1.1rem}}