/* Version claire (v255) : un ciel de jour léger (bleu tendre, soleil doux, nuages) comme les étoiles rappellent la nuit,
   le Refuge en clair, et des marges du bas resserrées dans la bonne couleur. */

/* Marges du bas : comme en version nuit, juste la place de la barre de navigation */
html:not(.revnchi-night),html:not(.revnchi-night) body,html:not(.revnchi-night) #app{background:#f8ede1!important}
#screen-home.lunar-home .home-panel{padding-bottom:18px!important}
#screen-cycle .lc{padding-bottom:16px!important}
#screen-journey .rf{padding-bottom:16px!important}
#screen-profile>main.page,#screen-messages>main.page{padding-bottom:12px!important}
#screen-emotionalJournal.se-on{padding-bottom:calc(76px + var(--sab,0px))!important}

/* Le ciel de jour */
.day-host{position:relative;isolation:isolate}
.day-sky{position:absolute;left:0;right:0;top:0;height:min(58vh,440px);z-index:-1;pointer-events:none;overflow:hidden}
.home-panel>.day-sky{background:linear-gradient(180deg,#c3dbea 0%,#d6e6ee 22%,#e9eee9 48%,#f7efe5 74%,#f8ede100 100%)}
.day-sky:before{content:"";position:absolute;right:-34px;top:calc(4px + var(--sat,0px));width:176px;height:176px;border-radius:50%;
  background:radial-gradient(circle,#fffaf0 0 15%,#fff0c8 22%,#ffe2a066 38%,#ffd88a22 54%,#ffd88a00 66%);animation:daySun 9s ease-in-out infinite}
.day-sky i{position:absolute;height:26px;border-radius:999px;background:#ffffffc4;filter:blur(7px);animation:dayCloud var(--d,70s) linear infinite;animation-delay:var(--o,0s)}
.day-sky i:before,.day-sky i:after{content:"";position:absolute;bottom:6px;border-radius:50%;background:inherit}
.day-sky i:before{left:18%;width:44%;height:180%}
.day-sky i:after{left:48%;width:32%;height:140%}
@keyframes daySun{0%,100%{transform:scale(1);opacity:.95}50%{transform:scale(1.06);opacity:1}}
@keyframes dayCloud{from{transform:translateX(-160px)}to{transform:translateX(calc(100vw + 40px))}}
@media (prefers-reduced-motion:reduce){.day-sky:before,.day-sky i{animation:none}}

/* Le Refuge en clair */
#screen-journey.refuge.rf-day{background:#f8ede1!important;color:#3a2028}
.rf-day .rf-stars{display:none}
.rf-day .rf-date,.rf-day .rf-kicker,.rf-day .rf-source,.rf-day .rf-foryou-text small,.rf-day .rf-meal small{color:#b46a54}
.rf-day .rf-head h1,.rf-day .rf-hello,.rf-day .rf-section h2,.rf-day .rf-veillee blockquote,.rf-day .rf-foryou-text strong,.rf-day .rf-meal strong{color:#3a2028}
.rf-day .rf-moon-name{color:#9b6a55}
.rf-day .rf-message,.rf-day .rf-question,.rf-day .rf-foryou-text em,.rf-day .rf-empty,.rf-day .rf-meals-why{color:#6b4e44}
.rf-day .rf-whisper{background:#fffaf5cc;box-shadow:0 0 0 1px #efdfd0;color:#6b3f30}
.rf-day .rf-intent{color:#3a2028}
.rf-day .rf-intent b,.rf-day .rf-treasure b{color:#5d4136}
.rf-day .rf-intent-moon{filter:drop-shadow(0 4px 12px #b46a5426)}
.rf-day .rf-moon{filter:drop-shadow(0 0 26px color-mix(in srgb,var(--glow,#f0c9a6) 45%,transparent)) drop-shadow(0 10px 30px #b46a5422)}
.rf-day .rf-veillee{background:radial-gradient(ellipse 100% 90% at 50% 100%,#f3d3bf 0%,#fffaf5 65%);box-shadow:0 0 0 1px #efdfd0}
.rf-day .rf-foryou,.rf-day .rf-meal{background:#fffaf5;box-shadow:0 0 0 1px #efdfd0}
.rf-day .rf-meal-ing i{background:#f3e5d8;color:#5d4a40}
.rf-day .rf-meals-actions button{background:#fffaf5;box-shadow:0 0 0 1px #e4cfbd;color:#5d4136}
.rf-day .rf-meals-actions button:first-child{background:#b46a54;box-shadow:none;color:#fff8f1}
.rf-day .rf-guided{background:#fffaf5;box-shadow:0 0 0 1px #e4cfbd;color:#6b4e44}
.rf-day .rf-treasure span{box-shadow:0 0 0 2px #e3b48f,0 4px 14px #b46a5422}

/* Barre du bas en pastille flottante (web et app installée, clair et sombre) : rien n'est collé au bord de l'écran,
   le contenu passe dessous (et, dans Safari, glisse sous la barre d'adresse). */
html .bottom-nav{left:12px!important;right:12px!important;width:auto!important;max-width:536px;margin:0 auto;transform:none!important;bottom:max(10px,calc(env(safe-area-inset-bottom,0px) - 8px))!important;padding:8px 6px!important;border:1px solid #ead8c5!important;border-radius:26px!important;background:#fff9f1e0!important;box-shadow:0 10px 30px #5e35101f!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
html.revnchi-night .bottom-nav{background:#2a1520d9!important;border:1px solid #ffffff1f!important;box-shadow:0 10px 30px #0000004d!important}
html.is-web .bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}
#app:not(.no-nav){padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
.lc-fab{bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
/* les bandeaux du haut, quand ils sont rangés, ne comptent plus comme éléments collés au bord */
.lunar-banner:not(.is-in){visibility:hidden;transition:transform .35s cubic-bezier(.3,.7,.3,1),visibility 0s .35s}

/* ── v256 : la version claire reprend exactement la mise en page de la version nuit, en couleurs de jour ── */
:root{--day-sky-bg:linear-gradient(180deg,#c3dbea 0%,#d6e6ee 160px,#e9eee9 340px,#f8ede1 560px) fixed,#f8ede1}

/* Messages et Profil : même structure que .night-page */
.day-page{--np-serif:'Fraunces',Didot,"Bodoni 72",Georgia,serif;position:relative;background:var(--day-sky-bg)!important;color:#3a2028;min-height:100vh;min-height:100dvh}
.day-page>header,.day-page>main,.day-page>section,.day-page>div:not(.day-sky){position:relative;z-index:1}
.day-page .page-photo{display:none!important}
.day-page .page-chrome{background:none!important}
.day-page .page-head-panel{background:none!important;margin-top:0!important;padding-top:calc(22px + var(--sat,0px))!important;box-shadow:none!important}
.day-page .page-head-panel svg[class*="wave"],.day-page .page-photo-waves{display:none!important}
.day-page .greeting{font-family:var(--np-serif)!important;font-weight:400!important;color:#3a2028!important;letter-spacing:-.01em!important}
.day-page .sub-greeting{color:#6f5a50!important}
.day-page .icon-btn{background:#ffffffa8!important;color:#b46a54!important;box-shadow:0 0 0 1px #ffffffcc!important}
.day-page .page{background:none!important}
.day-page h2,.day-page h3,.day-page h4,.day-page strong{color:#3a2028!important}
.day-page h2{font-family:var(--np-serif)!important;font-weight:400!important}
.day-page p,.day-page span,.day-page small,.day-page label,.day-page li,.day-page .q-note{color:#5d4136}
.day-page .link-btn{color:#b46a54!important}
.day-page .card,.day-page .subscription-card,.day-page .profile-hero,.day-page .checkin,.day-page .profile-menu,.day-page .whatsapp-card,.day-page .notice,.day-page .option,.day-page .message-row{background:#fffaf5c7!important;box-shadow:0 0 0 1px #ffffffd9,0 6px 20px #8d5a3f0d!important;border-color:#ffffffd9!important;color:#3a2028!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.day-page .chip{background:#fffaf5c7!important;color:#5d4a40!important;border-color:#ead8c7!important}
.day-page .chip.active,.day-page .chip[aria-pressed="true"]{background:#3a2028!important;color:#fff8f1!important}
.day-page .menu-icon{background:#f6e8dc!important;color:#b46a54!important}
.day-page .arrow{color:#b46a54!important}
.day-page .avatar{box-shadow:0 0 0 2px #e3b48f,0 4px 16px #b46a5426!important}
.day-page .btn:not(.btn-primary){background:#fffaf5!important;color:#5d4136!important;box-shadow:0 0 0 1px #e4cfbd!important}
.day-page input,.day-page textarea,.day-page select{background:#fffdf9!important;color:#3a2028!important;border-color:#e4cfbd!important}
.day-page summary,.day-page legend,.day-page dt,.day-page dd,.day-page .option-copy,.day-page .option-copy *{color:#5d4136!important}
.day-page summary{font-weight:600}
.day-page .profile-menu button{color:#3a2028!important;background:none!important;border-color:#efe2d6!important}
.day-page .profile-menu button:last-child{border-bottom:0!important}
.day-page>section{background:#fffaf5c7!important;box-shadow:0 0 0 1px #ffffffd9!important;border-color:#ffffffd9!important;color:#3a2028!important;margin:12px 18px 0!important;border-radius:20px!important}
.day-page>section p,.day-page>section span{color:#5d4136!important}
.day-page .btn-secondary,.day-page>section .btn,.day-page>section button{background:#fffaf5!important;color:#5d4136!important;border:1px solid #e4cfbd!important;box-shadow:none!important}
.day-page .btn-primary{background:#b46a54!important;color:#fff8f1!important;border:0!important}
.day-page .whatsapp-btn{background:#6f8456!important;color:#fff8f1!important}
.day-page .subscription-card *,.day-page .profile-hero *{color:inherit}
.day-page .subscription-card,.day-page .profile-hero{color:#5d4136!important}
.day-page .checkin-title{color:#3a2028!important}
.day-page .card{box-shadow:none!important;background:none!important;padding:0!important;border:0!important;backdrop-filter:none}
.day-page .message-row{border-radius:18px!important;margin-bottom:10px!important}
.day-page .message-row+.message-row{border-top:0!important}
.day-page .message-top *,.day-page .message-copy *{color:#5d4136!important}
.day-page .message-top strong,.day-page .message-copy strong,.day-page .message-top b{color:#3a2028!important}
.day-page .message-thumb{box-shadow:none!important}
.day-page>main.page{padding-bottom:12px!important}
.day-page>section:last-child{margin-bottom:14px!important}
.day-page .pp-rdv-list button{background:#f8eee4}

/* Cycle : même page, ciel de jour */
#screen-cycle.lunar-cycle:not(.is-night){background:var(--day-sky-bg)!important}
#screen-cycle.lunar-cycle:not(.is-night) .lc-sticky{background:#eef2f0d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#screen-cycle.lunar-cycle:not(.is-night).active:before{background:#c3dbea}
#screen-cycle.lunar-cycle:not(.is-night) .lc-weekdays{background:none}

/* Découvrir et Mon miroir : même ciel */
#screen-explore.cm-on:not(.cm-night){background:var(--day-sky-bg)!important}
#screen-emotionalJournal.se-on:not(.se-night){--se-bg:transparent;background:var(--day-sky-bg)!important}
#screen-emotionalJournal.se-on:not(.se-night) .se-card,#screen-emotionalJournal.se-on:not(.se-night) .se-kpis div{background:#fffaf5c7;box-shadow:0 0 0 1px #ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

/* Refuge clair : le même ciel en fond */
#screen-journey.refuge.rf-day{background:var(--day-sky-bg)!important}

/* Accueil clair : la carte des racines se fond dans le ciel du jour */
#screen-home.lunar-home:not(.is-night) .lunar-roots{background:linear-gradient(120deg,#fff7f0e6 0%,#fbe6da 48%,#e6eef1 100%)!important;box-shadow:0 0 0 1px #ffffffcc,0 8px 24px #8d5a3f12}

/* Accueil clair : le bas de page prend exactement la couleur du fond de l'app (plus de bande plus foncée au-dessus de la barre) */
#screen-home.lunar-home:not(.is-night),#screen-home.lunar-home:not(.is-night) .home-panel{background:radial-gradient(ellipse 95% 60% at 50% 42%,#fef4ea 0%,#fcf1e5 50%,#f8ede1 85%),#f8ede1!important}
#screen-home.lunar-home .home-panel{padding-bottom:6px!important}

/* v260 : plus d'ombre sombre sous l'heure et la batterie, en haut de toutes les pages */
body:after{content:none!important;display:none!important}

/* v261 : en clair, le haut de chaque page ne fait qu'un avec le ciel (plus de bande beige sous l'heure) */
html:not(.revnchi-night) body{background-image:none!important}
#screen-cycle.lunar-cycle:not(.is-night) .lc-sticky{background:linear-gradient(180deg,#c3dbeaf2,#d3e4edeb)!important;box-shadow:none;border-bottom:1px solid #ffffff80}
#screen-cycle.lunar-cycle:not(.is-night) .lc-seg{background:#ffffff6b}

/* v262 : bords du haut d'une seule couleur (Safari peint l'espace de l'heure en couleur unie : la page doit commencer par la même) */
.edge-host{position:relative;isolation:isolate}
.edge-veil{position:absolute;left:0;right:0;top:0;height:calc(var(--sat,0px) + 110px);z-index:-1;pointer-events:none;background:linear-gradient(180deg,var(--edge) 0,var(--edge) calc(var(--sat,0px) + 8px),color-mix(in srgb,var(--edge) 0%,transparent) 100%)}
/* en clair, nuages et soleil ne touchent plus le bord du haut */
.day-sky i{margin-top:24px}
#app.app{box-shadow:none!important}

/* v265 : plus rien de fixé au bas de l'écran (Safari laisse alors le site défiler sous sa barre) ;
   une fine bande fixe en haut donne à Safari la couleur du haut de la page pour la zone de l'heure */
.edge-top{display:none}
html.is-web .edge-top{display:block;position:fixed;left:0;right:0;top:0;height:6px;z-index:200;pointer-events:none}
/* v268 : la bande du haut reste en permanence (sinon Safari repasse au crème en haut pendant le défilement) */
/* le menu flottant garde son fond sur un calque intérieur, que Safari ne lit pas : il ne colore plus la barre du bas */
html .bottom-nav{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate}
html .bottom-nav:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#fff9f1e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:none}
html.revnchi-night .bottom-nav:before{background:#2a1520d9}
html body .bottom-nav,html.revnchi-night body .bottom-nav{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#screen-cycle.lunar-cycle:not(.is-night) .lc-sticky{background-color:#c8deeb!important}