/* SOS, MON PETIT CŒUR EN DÉTRESSE ! — habillé aux couleurs du Cosmic Roller Club (transits_site) :
   fond crème rosé avec halos lilas et rose, titres Fraunces, script Borel, cartes blanches sans contour,
   pastilles « eyebrow », la « météo » en dégradé blanc → rose → lilas pailleté, et les gros boutons bonbon. */
@font-face{font-family:Borel;src:url('Borel-Regular.ttf') format('truetype');font-display:swap}
:root{--crc-fond:#fbf4f1;--crc-rose:#f49bd0;--crc-rose-pale:#ffe6f2;--crc-lilas:#ece4ff;--crc-doux:#fff8fb;--crc-trait:#ecd9e2}
html body{background:radial-gradient(circle at 0% 6%,#ece4ff,transparent 40%),radial-gradient(circle at 100% 50%,#ffe6f2,transparent 42%),var(--crc-fond)!important;color:#080808!important;font-family:Montserrat,Arial,sans-serif}

/* l'en-tête du club : logo + pastille rollers */
.brand-header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.treasure-index{font:800 13px Montserrat,Arial,sans-serif!important;background:#fff!important;border:0!important;border-radius:100px!important;padding:8px 14px!important;white-space:nowrap;box-shadow:0 4px 12px rgba(200,100,170,.12)!important;color:#080808!important}
.emo-roll{display:inline-block!important;height:1.6em;width:auto;vertical-align:middle;margin:-.4em .3em -.3em 0}

/* titres et textes */
h1,h2,h3,.result-title h2,.result-title h3{font-family:'Fraunces',Georgia,serif!important;font-weight:600!important;letter-spacing:-.01em!important}
h1 span{text-shadow:none!important}
.script{font-family:Borel,cursive!important}

/* les petites étiquettes d'étape deviennent des pastilles roses */
.step{display:inline-block;font:800 10.5px Montserrat,Arial,sans-serif!important;letter-spacing:.06em;line-height:1.5;text-transform:uppercase;background:var(--crc-rose-pale);border-radius:100px;padding:6px 12px;margin:0 0 10px}

/* cartes et encadrés : blancs, doux, sans contours noirs */
.eyebrow,.card,.shell,.result,.unlock,.help,.mini,.result-title,.share-fallback,.sos-email-box,#s3 .reading-panel,.moon-frame,
.card-preview,.pill,.stamp,.checkrow,.status .note,.stepicon,.hero-art,.progress,.progress span{border-color:transparent!important;box-shadow:none!important}
.card,.shell{border-radius:30px!important;box-shadow:0 12px 34px rgba(150,70,130,.1)!important}
.help{background:var(--crc-lilas)!important;border-style:solid!important}
.unlock{background:linear-gradient(120deg,#FFE1EC,#E3F7EC 55%,#E6EEFF)!important}
.result{background:var(--crc-doux)!important}
.result:nth-child(even){background:#F3FBF6!important}
.progress{background:#f3e7ee!important}.progress span{background:linear-gradient(90deg,#f49bd0,#c9b5ff)!important}
#s3 .action-panel p{border-left-color:var(--crc-rose)!important}
.pdf-header{border-bottom-color:var(--crc-trait)!important}.pdf-footer{border-top-color:var(--crc-trait)!important}

/* le titre de la lecture : la « météo » du club, pailletée */
.result-title{position:relative;overflow:hidden;border-radius:30px!important;background:linear-gradient(165deg,#fff 0,#ffe6f2 55%,#ece4ff 100%)!important}
.result-title::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 12% 16%,#fff 0 3px,transparent 4px),radial-gradient(circle at 88% 20%,#fff 0 2px,transparent 3px),radial-gradient(circle at 80% 82%,#fff 0 3px,transparent 4px),radial-gradient(circle at 18% 74%,#fff 0 2px,transparent 3px)}
.card-preview{background:linear-gradient(165deg,#fff 0,#ffe6f2 55%,#ece4ff 100%)!important;border-radius:30px!important}

/* boutons de choix (humeurs, signes, partages…) : cartes douces */
button:not(.primary):not(.submit):not(.treasure-cta),.share-links a,.cityitem{
  border:1.5px solid var(--crc-trait)!important;box-shadow:none!important;background:#fff;border-radius:20px!important;transition:background .15s,transform .15s}
button:not(.primary):not(.submit):not(.treasure-cta):hover,.share-links a:hover{background:#fff3f8!important;transform:translateY(-1px)}
.selected{background:var(--crc-rose-pale)!important;border-color:var(--crc-rose)!important;box-shadow:none!important}
input[type=text],input[type=email],input[type=date],input[type=time]{border:1.5px solid #d9c3cf!important;background:var(--crc-doux)!important;border-radius:16px!important}

/* les gros boutons d'action : bonbon rose du club */
.primary,a.link,.submit,.treasure-cta{background:var(--crc-rose)!important;color:#111!important;border:2px solid #000!important;border-radius:100px!important;box-shadow:4px 5px 0 #000!important;font-weight:900!important}
.primary:hover,a.link:hover,.submit:hover,.treasure-cta:hover{transform:translate(1px,2px);box-shadow:3px 3px 0 #000!important}
.primary:disabled{box-shadow:none!important}

/* l'image d'accueil : la Lune et les rollers du club */
.sos-hero{position:relative;width:min(240px,64vw);height:min(180px,48vw);margin:0 auto 6px}
.sos-hero img{position:absolute;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(200,100,170,.25))}
.sos-hero .lune{width:62%;left:4%;top:0;animation:flotteL 4.4s ease-in-out infinite}
.sos-hero .roll{width:50%;right:0;bottom:0;animation:roule 3.4s ease-in-out infinite}
.sos-hero i{position:absolute;font-style:normal;font-size:20px;animation:brille 2.4s ease-in-out infinite}
@keyframes flotteL{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}
@keyframes roule{0%,100%{transform:translateX(-6px) rotate(-6deg)}50%{transform:translateX(6px) rotate(4deg)}}
@keyframes brille{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
@media (prefers-reduced-motion:reduce){.sos-hero img,.sos-hero i{animation:none}}

/* logo image */
.logo-nidaba,.brand-logo{display:block;height:30px;width:auto}