/* Friendly, accessible guidance at the first booking login and vehicle step. */
.customer-guide{display:flex;align-items:center;gap:14px;margin:18px 0;padding:16px 18px;border:1px solid #cfddd1;border-radius:18px;background:#f1f7f0;color:#213b30;box-shadow:0 9px 30px -24px #173b2b66}
.customer-guide__copy{min-width:0;flex:1}
.customer-guide__copy strong{display:block;color:#213b30;font:700 16px/1.4 Arial,Helvetica,sans-serif}
.customer-guide__copy p{margin:7px 0 0;color:#365648;font:400 14px/1.65 Arial,Helvetica,sans-serif}
.customer-guide__character{display:none;flex:none;width:clamp(72px,18vw,105px);height:110px;pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:contain}
body[data-cu-backdrop] .customer-guide{background:linear-gradient(115deg,var(--cu-raised),var(--cu-panel))!important;border:1px solid var(--cu-line)!important;box-shadow:0 14px 32px -24px #000d!important}
body[data-cu-guide-scene] .customer-guide__character{animation:cu-guide-arrive .8s ease-out both,cu-guide-float 4.4s ease-in-out .8s infinite;filter:drop-shadow(0 7px 9px #0008)}
body[data-cu-backdrop] .customer-guide__copy strong{color:var(--cu-hero-ink)!important}
body[data-cu-backdrop] .customer-guide__copy p{color:var(--cu-hero-muted)!important}
@keyframes cu-guide-arrive{from{opacity:0;transform:translate(35px,-15px) rotate(5deg)}to{opacity:1;transform:none}}
@keyframes cu-guide-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@media(max-width:420px){.customer-guide{align-items:flex-start;gap:9px;padding:13px}.customer-guide__character{width:69px}.customer-guide__copy strong{font-size:14px}.customer-guide__copy p{font-size:13px}}
@media(prefers-reduced-motion:reduce){body[data-cu-guide-scene] .customer-guide__character{animation:none!important}}
body:has(.cu-motion-toggle:checked) .customer-guide__character{animation-play-state:paused!important}
@media print{.customer-guide__character{display:none!important}}

/* The host always belongs to the currently active, repository-owned scene. */
body[data-cu-guide-scene=halloween] .customer-guide__character,
body[data-cu-guide-scene=halloween-minuit] .customer-guide__character{display:block;background-image:url("/assets/themes/hw-wand-witch.svg")}
body[data-cu-guide-scene=halloween-bonbons] .customer-guide__character{display:block;background-image:url("/assets/themes/hb-boo.webp")}
body[data-cu-guide-scene=christmas] .customer-guide__character,
body[data-cu-guide-scene=christmas-aurore] .customer-guide__character{display:block;width:clamp(64px,16vw,86px);height:156px;background-image:url("/assets/themes/xm-nutcracker-guard.svg")}
body[data-cu-guide-scene=newyear-paris] .customer-guide__character{display:block;height:95px;background-image:url("/assets/themes/ny-clock-peek.svg")}
body[data-cu-guide-scene=paques-matin] .customer-guide__character{display:block;background-image:url("/assets/themes/pq-bunny-guide.svg")}
body[data-cu-guide-scene=ramadan-lumieres] .customer-guide__character{display:block;background-image:url("/assets/themes/rm-lantern-guide.svg")}
body[data-cu-guide-scene=musique-nuit] .customer-guide__character{display:block;background-image:url("/assets/themes/fm-conductor-guide.svg")}
body[data-cu-guide-scene=valentin-soir] .customer-guide__character{display:block;background-image:url("/assets/themes/vl-cupid-guide.svg")}
body[data-cu-guide-scene=juillet-feux] .customer-guide__character{display:block;background-image:url("/assets/themes/jl-firefighter-guide.svg")}
body[data-cu-guide-scene=ete-depart] .customer-guide__character{display:block;background-image:url("/assets/themes/el-crab-guide.svg")}
body[data-cu-guide-scene=nouvel-an-chinois] .customer-guide__character{display:block;background-image:url("/assets/themes/ln-dragon-guide.svg")}
body[data-cu-guide-scene=hiver-neige] .customer-guide__character{display:block;background-image:url("/assets/themes/hz-penguin-guide.svg")}
body[data-cu-guide-scene=black-friday] .customer-guide__character{display:block;background-image:url("/assets/themes/bz-piggy-guide.svg")}
body[data-cu-guide-scene=fete-parents] .customer-guide__character{display:block;background-image:url("/assets/themes/fp-bear-guide.svg")}
body[data-cu-guide-scene=elections-vote] .customer-guide__character{display:block;background-image:url("/assets/themes/vz-urne-guide.svg")}
body[data-cu-guide-scene=foot-supporters] .customer-guide__character{display:block;background-image:url("/assets/themes/fz-supporter-guide.svg")}
body[data-cu-guide-scene=rentree-classe] .customer-guide__character{display:block;background-image:url("/assets/themes/rl-satchel-guide.svg")}
body[data-cu-guide-scene=toussaint-automne] .customer-guide__character{display:block;background-image:url("/assets/themes/ts-owl-guide.svg")}
body[data-cu-guide-scene=chandeleur-crepes] .customer-guide__character{display:block;background-image:url("/assets/themes/cp-chef-guide.svg")}
body[data-cu-guide-scene=hanoukka-lumieres] .customer-guide__character{display:block;background-image:url("/assets/themes/hq-candle-guide.svg")}
body[data-cu-guide-scene=marche-noel] .customer-guide__character{display:block;background-image:url("/assets/themes/mn-bear-guide.svg")}
@media(max-width:420px){
 body[data-cu-guide-scene=christmas] .customer-guide__character,
 body[data-cu-guide-scene=christmas-aurore] .customer-guide__character{width:55px;height:125px}
 body[data-cu-guide-scene=newyear-paris] .customer-guide__character{height:75px}
}