/* Cycles Blain — page RDV atelier (lpworkshopappointment 1.3.0). Même charte que cbvitrine (Histoire, Valeurs). */
body.cms-id-19{overflow-x:clip}
.lpr{--n:#2a2522;--t2:#6b625a;--sable:#f6efe4;--creme:#fbf6ee;--trait:#e8dfd1;--cuivre:#8a5a1c;--bleu:#0b5cad;--bleu-f:#08427c;--bleu-c:#eef4fb;--vert:#1e7a3c;
  position:relative;left:50%;width:100vw;margin-left:-50vw;background:var(--creme);color:var(--n);
  font-family:Montserrat,"Helvetica Neue",Arial,sans-serif;line-height:1.5;padding-bottom:64px}
.lpr *{box-sizing:border-box}
.lpr h1,.lpr h2,.lpr p,.lpr ul,.lpr ol,.lpr dl,.lpr dd,.lpr fieldset,.lpr legend{margin:0;padding:0}
.lpr fieldset{border:0;min-width:0}
.lpr img{max-width:100%;display:block}
.lpr a{color:var(--bleu);font-weight:600;text-decoration:none}
.lpr a:hover{text-decoration:underline}
.lpr [hidden]{display:none!important}
.lpr-in{max-width:1160px;margin:0 auto;padding:0 20px}
.lpr-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.lpr-main{font-family:Caveat,"Segoe Print","Bradley Hand",cursive;color:var(--cuivre);font-weight:600;font-size:28px;line-height:1.2}
.lpr-main-petit{font-size:22px}

/* En-tête */
.lpr-hero{background:var(--sable);padding:40px 0 76px}
.lpr-hero-in{display:flex;flex-wrap:wrap;gap:40px;align-items:center}
.lpr-hero-texte{flex:1 1 420px;display:flex;flex-direction:column;gap:14px}
.lpr-sur{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--cuivre);font-weight:700}
.lpr .lpr-titre{font-size:clamp(30px,5vw,48px);line-height:1.06;font-weight:800;color:var(--n);text-transform:none;letter-spacing:0}
.lpr-atouts{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:6px!important}
.lpr-atouts li{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600}
.lpr-atouts svg,.lpr-ok svg{width:22px;height:22px;fill:none;stroke:var(--cuivre);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.lpr-hero-photo{flex:1 1 340px;position:relative}
.lpr-hero-photo img{width:100%;height:300px;object-fit:cover;border-radius:28px}
.lpr-tampon{position:absolute;left:-12px;bottom:-22px;width:108px;height:108px;border-radius:50%;background:var(--cuivre);color:var(--sable);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg);box-shadow:0 6px 16px rgba(80,60,30,.25);font-size:11px;letter-spacing:.12em;font-weight:700}
.lpr-tampon strong{font-size:24px;letter-spacing:0;font-weight:800;line-height:1.1}

/* Corps : formulaire + récapitulatif */
.lpr-corps{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;margin-top:-40px}
.lpr-carte{flex:999 1 560px;min-width:0;background:#fff;border-radius:28px;box-shadow:0 10px 30px rgba(80,60,30,.08);padding:32px;display:flex;flex-direction:column;gap:36px}
.lpr-progression{display:flex;flex-direction:column;gap:8px}
.lpr-barre{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.lpr-barre span{height:6px;border-radius:999px;background:#efe7da;transition:background .3s}
.lpr-barre span.fait{background:var(--vert)}
.lpr-etape-txt{font-size:13px;font-weight:600;color:var(--t2)}
.lpr-bloc{display:flex;flex-direction:column;gap:14px}
.lpr-bloc legend{font-size:22px;font-weight:800;display:flex;align-items:center;gap:12px;margin-bottom:14px;color:var(--n)}
.lpr-num{width:32px;height:32px;border-radius:50%;background:var(--sable);color:var(--cuivre);font-size:15px;display:inline-flex;align-items:center;justify-content:center;flex:none;transition:background .3s,color .3s}
.lpr-bloc.fait .lpr-num{background:var(--vert);color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");background-size:16px;background-position:center;background-repeat:no-repeat}
.lpr-note{font-size:13px;color:var(--t2)}
.lpr-label{font-size:14px;font-weight:600;color:var(--t2)}

/* Cartes à choisir (types, ateliers) */
.lpr label{text-align:left;font-weight:inherit}
.lpr-choix{position:relative;cursor:pointer;border:1px solid var(--trait);background:#fff;color:var(--n);transition:border-color .15s,box-shadow .15s,background .15s,transform .15s;margin:0}
.lpr-choix:hover{border-color:#c9b99f;transform:translateY(-1px)}
.lpr-sr:checked+.lpr-choix{border:2px solid var(--bleu);background:var(--bleu-c);box-shadow:0 6px 16px rgba(11,92,173,.15)}
.lpr-sr:focus-visible+.lpr-choix{outline:3px solid var(--bleu);outline-offset:2px}
.lpr-sr:checked+.lpr-choix::after{content:"";position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;background:var(--bleu) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.lpr-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lpr-type{min-height:104px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px;border-radius:20px;font-size:15px;font-weight:700}
.lpr-bulle{width:46px;height:46px;border-radius:50%;background-color:var(--sable);background-position:center;background-size:28px;background-repeat:no-repeat}
.lpr-sr:checked+.lpr-type .lpr-bulle{background-color:#fff}
.lpr-picto-1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a5a1c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='17' r='3'/%3E%3Ccircle cx='19' cy='17' r='3'/%3E%3Cpath d='M5 17l4-8h6l4 8M12 17l3-8M13 2l-2 4h3l-2 4'/%3E%3C/svg%3E")}
.lpr-picto-2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a5a1c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='17' r='3'/%3E%3Ccircle cx='19' cy='17' r='3'/%3E%3Cpath d='M5 17l4-8h6l4 8M12 17l3-8M9 9H7'/%3E%3C/svg%3E")}
.lpr-picto-3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a5a1c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='18' r='2'/%3E%3Ccircle cx='19' cy='18' r='2'/%3E%3Cpath d='M3 12h12v4H5M15 12l4 6M15 12l2-5h2'/%3E%3C/svg%3E")}
.lpr-picto-4{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a5a1c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3v8l-2 10M15 3v8l2 10M9 7h6M8 13h8'/%3E%3C/svg%3E")}
.lpr-picto-5{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a5a1c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Cpath d='M12 4v6.5M12 13.5V20M4 12h6.5M13.5 12H20'/%3E%3C/svg%3E")}
.lpr-picto-6{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a5a1c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 6.5l3 3M4 20l6-6M9 9l6 6M16 3l5 5-3 3-5-5z'/%3E%3C/svg%3E")}
.lpr-ligne{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}
.lpr-compteur-bloc{display:flex;flex-direction:column;gap:6px}
.lpr-compteur{display:flex;align-items:center;border:1px solid var(--trait);border-radius:999px;overflow:hidden;background:#fff}
.lpr-compteur button{width:48px;height:48px;border:0;background:#fff;font-size:22px;color:var(--n);cursor:pointer}
.lpr-compteur button:hover{background:var(--creme)}
.lpr-compteur output{min-width:36px;text-align:center;font-size:17px;font-weight:700}
.lpr-champ{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--t2);margin:0}
.lpr-marque{flex:1 1 240px}
.lpr-champ input,.lpr-champ select{height:48px;border:1px solid var(--trait);border-radius:14px;padding:0 14px;font-size:16px;color:var(--n);background:#fff;font-family:inherit;width:100%;min-width:0}
.lpr-champ input:focus,.lpr-champ select:focus{outline:none;border-color:var(--bleu);box-shadow:0 0 0 3px rgba(11,92,173,.15)}
.lpr-champ input.invalide{border-color:#b3261e}
.lpr-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

.lpr-ateliers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lpr-atelier{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;min-height:72px}
.lpr-atelier img{width:100%;height:96px;object-fit:cover}
.lpr-atelier-txt{padding:10px 12px 12px;display:flex;flex-direction:column}
.lpr-atelier-txt strong{font-size:15px}
.lpr-atelier-txt span{font-size:13px;color:var(--t2)}
.lpr-infos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px 28px;padding:18px 20px;border-radius:20px;background:var(--creme);font-size:14px;align-items:start}
.lpr-infos-adr{display:flex;flex-direction:column;gap:4px}
.lpr-infos-adr strong{font-size:16px}
.lpr-infos-adr span{color:var(--t2)}
.lpr-appel{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:8px;min-height:40px;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid var(--trait);color:var(--n)!important;font-weight:700}
.lpr-appel svg{width:16px;height:16px;fill:none;stroke:var(--cuivre);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lpr-appel:hover{border-color:#c9b99f;text-decoration:none!important}
.lpr-horaires{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0}
.lpr-horaires dt{color:var(--t2);font-weight:500}
.lpr-horaires dd{font-weight:600;margin:0}
.lpr-horaires-titre{grid-column:1/-1;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--t2)}

/* Jours */
.lpr-jours{display:flex;flex-direction:column;gap:18px}
.lpr-semaine{display:flex;flex-direction:column;gap:12px}
.lpr-semaine-titre{font-size:13px;font-weight:700;color:var(--t2);text-transform:uppercase;letter-spacing:.08em}
.lpr-jours-liste{display:flex;flex-wrap:wrap;gap:10px}
.lpr-jour{position:relative;flex:0 0 92px;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:18px;border:1px solid var(--trait);background:#fff;color:var(--n);cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s,transform .15s}
.lpr-jour:hover{border-color:#c9b99f;transform:translateY(-1px)}
.lpr-jour[aria-pressed="true"]{background:var(--bleu);border:2px solid var(--bleu);color:#fff;box-shadow:0 6px 16px rgba(11,92,173,.25)}
.lpr-jour .s{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.lpr-jour .n{font-size:26px;font-weight:800;line-height:1.1}
.lpr-jour .m{font-size:12px}
.lpr-tot{position:absolute;top:-9px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:1px 8px;border-radius:999px;background:var(--cuivre);color:#fff;font-size:11px;font-weight:700}
.lpr-jours-pied{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.lpr-lien{border:0;background:none;color:var(--bleu);font-weight:700;font-size:14px;cursor:pointer;padding:8px 0;font-family:inherit}

/* Erreurs, pied, bouton */
.lpr-erreur{font-size:14px;color:#b3261e;font-weight:600}
.lpr-erreur-globale{padding:12px 16px;border-radius:14px;background:#fdecea}
.lpr-pied{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--trait);padding-top:24px}
.lpr-pied a{font-size:14px}
.lpr-btn{min-height:52px;padding:14px 30px;border-radius:999px;border:0;background:var(--bleu);color:#fff;font-size:17px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s}
.lpr-btn:hover{background:var(--bleu-f)}
.lpr-btn[disabled]{opacity:.6;cursor:wait}

/* Récapitulatif */
.lpr-recap{flex:1 1 280px;position:sticky;top:16px;background:#fff;border-radius:28px;box-shadow:0 10px 30px rgba(80,60,30,.08);overflow:hidden}
.lpr-recap img{width:100%;height:140px;object-fit:cover}
.lpr-recap-in{padding:22px 26px 26px;display:flex;flex-direction:column;gap:16px}
.lpr-recap h2{font-size:18px;font-weight:800;color:var(--n)}
.lpr-recap dl{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;font-size:15px}
.lpr-recap dt{color:var(--t2);font-weight:400}
.lpr-recap dd{font-weight:600}
.lpr-suite{list-style:none;counter-reset:s;border-top:1px solid var(--trait);padding-top:16px!important;display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--t2)}
.lpr-suite li{counter-increment:s;display:flex;gap:10px}
.lpr-suite li::before{content:counter(s);font-weight:800;color:var(--cuivre)}

/* Merci */
.lpr-merci{align-items:flex-start;gap:16px;margin-top:-40px}
.lpr-merci h2{font-size:32px;font-weight:800;color:var(--n)}
.lpr-merci p{font-size:17px;color:var(--t2);max-width:600px}
.lpr-merci strong{color:var(--n)}
.lpr-merci .lpr-merci-delai{font-size:15px}
.lpr-batterie{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:var(--sable);color:var(--n)!important;font-size:15px!important}
.lpr-batterie svg{width:26px;height:26px;flex:none;fill:none;stroke:var(--cuivre);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lpr-ok{width:64px;height:64px;border-radius:50%;background:#e7f2ea;display:flex;align-items:center;justify-content:center}
.lpr-ok svg{width:32px;height:32px;stroke:var(--vert);stroke-width:2.4}

/* Barre du bas sur téléphone */
.lpr-mobile{display:none}

@media (max-width:900px){
  .lpr-recap{display:none}
  .lpr-mobile{display:flex;flex-direction:column;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--trait);box-shadow:0 -6px 18px rgba(80,60,30,.08);padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px))}
  .lpr-mobile p{font-size:13px;color:var(--t2);margin:0}
  .lpr-mobile .lpr-btn{width:100%}
  .lpr{padding-bottom:140px}
}
@media (max-width:640px){
  .lpr-hero{padding:24px 0 56px}
  .lpr-hero-photo img{height:160px;border-radius:20px}
  .lpr-tampon{display:none}
  .lpr-carte{padding:22px 16px;border-radius:24px;gap:28px}
  .lpr-in{padding:0 12px}
  .lpr-types{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lpr-type{min-height:88px}
  .lpr-ateliers{grid-template-columns:1fr}
  .lpr-atelier{flex-direction:row;align-items:center;gap:12px;padding:6px;border-radius:16px;min-height:64px}
  .lpr-atelier img{width:64px;height:52px;border-radius:12px}
  .lpr-infos{grid-template-columns:1fr}
  .lpr-atelier-txt{padding:0}
  .lpr-bloc legend{font-size:19px}
  .lpr-jour{flex-basis:calc(25% - 8px);min-height:78px}
  .lpr-jour .n{font-size:22px}
}
@media (prefers-reduced-motion:reduce){.lpr *{transition:none!important}}

/* 1.3.3 — Haut de page court (maquette du 29 oct.) : titre, « Vélo immobilisé 24 h (sauf pièce) », puis directement l'étape 1 */
.lpr-hero.lpr-hero-court{background:#fff;padding:24px 0 6px}
.lpr-hero-court .lpr-in{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.lpr .lpr-hero-court .lpr-titre{font-size:clamp(24px,3vw,34px);line-height:1.15}
.lpr-rassure{display:inline-flex;align-items:center;gap:8px;padding:8px 14px!important;border-radius:999px;background:#e7f6ec;color:#145c2e;font-size:14px;font-weight:700}
.lpr-rassure svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex:none}
.lpr-hero-court + .lpr-corps,.lpr-corps{margin-top:14px}
.lpr-carte{border:1.5px solid #e3dace}
/* Le titre de la page CMS (« RDV atelier ») faisait doublon et passait sous le bandeau : la page a déjà son titre */
body.cms-id-19 #main > .page-header,body.cms-id-19 .page-header,body.cms-id-19 #content-wrapper > h1,body.cms-id-19 .page-title{display:none!important}
@media (max-width:640px){
  .lpr-hero.lpr-hero-court{padding:18px 0 4px}
  .lpr .lpr-hero-court .lpr-titre{font-size:24px}
}
/* 1.3.4 — Petit bouton discret « Voir nos tarifs atelier », à droite du titre */
.lpr-hero-court .lpr-titre-ligne{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:12px}
.lpr .lpr-tarifs,.lpr .lpr-tarifs:visited{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #e3dace;border-radius:999px;background:#fff;color:#8a5a1c;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.lpr .lpr-tarifs:hover{border-color:#cdbfa9;color:#6f4814;text-decoration:none}
.lpr-tarifs-court{display:none}
@media (max-width:640px){
  .lpr .lpr-tarifs,.lpr .lpr-tarifs:visited{padding:0 0 1px;border:0;border-bottom:1px solid #d8c3a3;border-radius:0;background:none}
  .lpr-tarifs-long{display:none}
  .lpr-tarifs-court{display:inline}
}

/* 1.3.7 — première date libre à droite de la ville, champ libre pour la marque */
.lpr [hidden]{display:none!important}
.lpr-atelier-sous{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.lpr-atelier-txt .lpr-dispo{font-size:12px;font-weight:600;color:var(--vert);white-space:nowrap}
.lpr-atelier-txt .lpr-dispo.loin{color:var(--t2);font-weight:500}
.lpr-marque #lpr-marque-libre{margin-top:8px}
@media (max-width:640px){
  .lpr-atelier-txt{flex:1 1 auto;min-width:0;padding-right:38px}
}