@layer theme,base;@layer components{.reservation__plan{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:72px 24px;display:grid}.reservation__parcours{grid-column:1/span 7}.reservation__cote{grid-column:9/span 4;position:sticky;top:24px}.reservation__cote h2{margin-top:20px;font-size:clamp(34px,3.6vw,52px)}.reservation__cote>p{color:var(--pierre-texte);max-width:30em;margin-top:16px}.reservation__cote .rassure{margin-top:18px}.reservation__parcours noscript .message{display:block}.reservation__parcours noscript h2{margin-bottom:20px;font-size:clamp(34px,3.6vw,52px)}.progression{margin-bottom:clamp(36px,4vw,56px)}.progression__etapes{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px;font-size:15px;display:grid}.progression__etapes li{color:var(--pierre-texte);align-items:baseline;gap:10px;padding-bottom:12px;display:flex}.progression__etapes li[data-etat=courante]{color:var(--noir);font-weight:500}.progression__etapes li[data-etat=faite]{color:var(--noir)}.progression__barre{background:var(--filet);height:1px;position:relative}.progression__barre span{background:var(--vert);height:2px;transition:width .7s var(--lent);position:absolute;bottom:0;left:0}.parcours h2{font-size:clamp(36px,4vw,60px)}.parcours h2:focus{outline:none}.parcours .message{margin-top:24px}.parcours .message button{margin-top:14px}.rdv-contexte{border-left:2px solid var(--laiton);background:var(--ivoire-2);flex-wrap:wrap;gap:6px 28px;margin-bottom:32px;padding:14px 18px;font-size:15px;display:flex}.rdv-lien{color:var(--vert);font:500 14px/1.4 var(--sans);cursor:pointer;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;border:0;padding:0 0 3px;display:inline-block}.rdv-retour{margin-bottom:22px}.rdv-resume{color:var(--pierre-texte);margin-top:14px}.rdv-attente{border-top:1px solid var(--filet);border-bottom:1px solid var(--filet);color:var(--pierre-texte);margin-top:28px;padding:18px 0}.rdv-groupe{border:0;min-width:0;margin:clamp(32px,3.4vw,44px) 0 0;padding:0}.rdv-groupe legend{border-bottom:1px solid var(--noir);width:100%;font:500 12px/1.5 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--pierre-texte);padding:0 0 10px;display:block}.rdv-actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:36px;display:flex}.rdv-actions .message{flex-basis:100%;margin-top:0}.rdv-choix{font:400 22px/1.2 var(--serif)}.rdv-note{color:var(--pierre-texte);margin-top:14px;font-size:13px}.rdv-types{gap:0}.rdv-type{border-bottom:1px solid var(--filet);cursor:pointer;transition:background-color .4s var(--lent);grid-template-columns:auto 28px minmax(0,1fr) auto;align-items:baseline;column-gap:16px;padding:20px 16px;display:grid}.rdv-type:has([data-state=checked]){background:var(--ivoire-2)}@media (hover:hover){.rdv-type:hover,.rdv-mode:hover{background:var(--ivoire-2)}}.rdv-type:has([data-state=checked]){box-shadow:inset 2px 0 0 var(--vert)}.rdv-type>button{align-self:center}.rdv-type__texte{gap:4px;display:grid}.rdv-type__nom{font:400 clamp(24px,2.2vw,30px)/1.15 var(--serif)}.rdv-type__detail{color:var(--pierre-texte);max-width:34em;font-size:15px;line-height:1.5}.rdv-type__duree{font:400 22px/1.2 var(--serif);white-space:nowrap;justify-items:end;gap:2px;display:grid}.rdv-type__duree small{font:500 11px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--pierre-texte)}.rdv-modes{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.rdv-mode{border:1px solid var(--filet);cursor:pointer;transition:background-color .4s var(--lent),border-color .4s var(--lent);align-items:flex-start;gap:12px;padding:16px;display:flex}.rdv-mode>button{margin-top:5px}.rdv-mode:has([data-state=checked]){border-color:var(--noir);background:var(--ivoire-2);position:relative}.rdv-mode__nom{font:400 22px/1.2 var(--serif);display:block}.rdv-mode__detail{color:var(--pierre-texte);margin-top:4px;font-size:14px;line-height:1.45;display:block}.rdv-mois,.rdv-demi{margin-top:18px}.rdv-jours,.rdv-creneaux{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.rdv-jour,.rdv-creneau{border:1px solid var(--filet);color:var(--noir);cursor:pointer;transition:background-color .4s var(--lent),color .4s var(--lent),border-color .4s var(--lent);background:0 0}.rdv-jour{align-content:center;justify-items:center;gap:2px;width:64px;height:72px;padding:0;display:grid}.rdv-jour span{font:500 11px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--pierre-texte)}.rdv-jour b{font:400 28px/1 var(--serif)}.rdv-creneau{min-width:84px;font:400 16px/1.2 var(--sans);font-variant-numeric:tabular-nums;padding:13px 16px}.rdv-jour:hover,.rdv-creneau:hover{border-color:var(--noir)}.rdv-jour[aria-pressed=true],.rdv-creneau[aria-pressed=true]{background:var(--vert);border-color:var(--vert);color:var(--ivoire)}.rdv-jour[aria-pressed=true] span{color:#faf8f4db}.rdv-mois+.rdv-lien{margin-top:20px}.rdv-recap{border-top:1px solid var(--noir);margin-top:28px}.rdv-recap div{border-bottom:1px solid var(--filet);grid-template-columns:170px minmax(0,1fr);align-items:baseline;column-gap:16px;padding:13px 0;display:grid}.rdv-recap dt{font:500 11px/1.5 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--pierre-texte)}.rdv-recap dd.grand{font:400 clamp(24px,2.4vw,32px)/1.2 var(--serif)}.rdv-formulaire{gap:28px;margin-top:40px;display:grid}.rdv-formulaire .piege{opacity:0;pointer-events:none;position:absolute;left:-9999px}.rdv-formulaire .champ label{color:var(--pierre-texte)}.rdv-duo{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px 24px;display:grid}.rdv-consentement{grid-template-columns:auto minmax(0,1fr);column-gap:12px;font-size:15px;line-height:1.5;display:grid}.rdv-consentement>button{margin-top:3px}.rdv-consentement>button[aria-invalid=true]{border-color:var(--destructive)}.rdv-consentement label{cursor:pointer}.rdv-consentement .champ__erreur{margin-top:6px}.rdv-formulaire .rdv-actions{margin-top:4px}.rdv-confirme h2{margin-top:16px}.rdv-confirme h3{margin-top:44px;font-size:clamp(26px,2.4vw,34px)}.rdv-suite{border-top:1px solid var(--filet);counter-reset:s;margin-top:16px}.rdv-suite li{border-bottom:1px solid var(--filet);counter-increment:s;max-width:44em;padding:15px 0 15px 44px;position:relative}.rdv-suite li:before{content:"0" counter(s);font:500 12px/1.5 var(--sans);letter-spacing:.12em;color:var(--laiton-texte);position:absolute;top:19px;left:0}.rdv-suite b{font-weight:500}.rdv-apres{color:var(--vert);margin-top:28px;font-weight:500}@media (width<=1000px){.reservation__parcours,.reservation__cote{grid-column:1/-1}.reservation__cote{position:static}}@media (width<=900px){body:has(.reservation__plan) .barre{grid-template-columns:1fr}body:has(.reservation__plan) .barre__rdv{display:none}.progression{margin-bottom:28px}}@media (width<=640px){.progression__etapes{column-gap:10px;font-size:13px}.progression__etapes li{gap:2px;display:grid}.rdv-type{grid-template-columns:auto minmax(0,1fr);row-gap:10px;padding-inline:12px}.rdv-type .num{display:none}.rdv-type__duree{grid-column:2;place-items:baseline start;gap:12px;font-size:20px;display:flex}.rdv-modes{grid-template-columns:1fr}.rdv-jour{width:calc(20% - 6.4px);min-width:56px}.rdv-creneau{width:calc(33.3333% - 5.33333px);min-width:0}.rdv-recap div{grid-template-columns:1fr;row-gap:2px}.rdv-duo{grid-template-columns:1fr}.rdv-actions>button{width:100%}}}@layer utilities;