/* Pyrénées Menuiseries · compléments de la carte de réservation (parts/blocs/showroom-rdv.php).
   La carte elle-même est dans pm-global.css. Ici : l'étape « Votre projet » (page Showroom) et la ligne « Une autre date ? ».
   Chargée sur l'accueil et la page Showroom (inc/accueil/showroom.php) et par la carte elle-même ailleurs. */

/* Étape « Votre projet » */
#pm-page .pm-rdv__facultatif{font:500 14px/1.3 var(--police-texte);color:var(--pierre-600)}
#pm-page .pm-rdv__projets{display:flex;flex-wrap:wrap;gap:8px}
#pm-page .pm-rdv__projet{position:relative;display:block;line-height:1;cursor:pointer}
#pm-page .pm-rdv__projet input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
#pm-page .pm-rdv__projet-nom{height:44px;padding:0 16px 0 12px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--pierre-300);background:#fff;color:var(--encre);font:600 15px/1 var(--police-texte);white-space:nowrap;transition:background-color .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease)}
#pm-page .pm-rdv__projet-nom svg{color:var(--pic-800)}
#pm-page .pm-rdv__projet input:hover+.pm-rdv__projet-nom{border-color:var(--pic-800)}
#pm-page .pm-rdv__projet input:checked+.pm-rdv__projet-nom{background:var(--pic-800);border-color:var(--pic-800);color:#fff}
#pm-page .pm-rdv__projet input:checked+.pm-rdv__projet-nom svg{color:#fff}
#pm-page .pm-rdv__projet input:focus-visible+.pm-rdv__projet-nom{outline:3px solid var(--ciel-500);outline-offset:2px}
#pm-page .pm-rdv__transmis{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--pic-50);font:400 14px/1.45 var(--police-texte);color:var(--pic-900)}
#pm-page .pm-rdv__transmis[hidden]{display:none}
#pm-page .pm-rdv__transmis svg{margin-top:2px;color:var(--pic-800)}
#pm-page .pm-rdv__recap li[hidden]{display:none}

/* Ligne « Une autre date ? » */
#pm-page .pm-rdv__autre{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}
#pm-page .pm-rdv__autre-label{display:inline-flex;align-items:center;gap:8px;font:600 14px/1.3 var(--police-texte);color:var(--pierre-700)}
#pm-page .pm-rdv__autre-label svg{flex:none;width:18px;height:18px;color:var(--pic-800)}
#pm-page .pm-rdv__autre-champ{width:auto;min-width:168px;max-width:100%;height:44px;padding:0 12px;border:1px solid var(--pierre-500);border-radius:12px;background:#fff;font:500 16px/1 var(--police-texte);font-variant-numeric:tabular-nums;color:var(--encre);transition:border-color var(--d-rapide) var(--ease)}
#pm-page .pm-rdv__autre-champ:hover{border-color:var(--pic-800)}
#pm-page .pm-rdv__autre-champ:focus-visible{outline:3px solid var(--ciel-500);outline-offset:2px;border-color:var(--pic-800)}
#pm-page .pm-rdv__autre-champ.is-actif{border-color:var(--pic-800);box-shadow:inset 0 0 0 1px var(--pic-800)}
#pm-page .pm-rdv__autre-champ[aria-invalid='true']{border-color:var(--erreur-700);box-shadow:inset 0 0 0 1px var(--erreur-700)}
#pm-page .pm-rdv__autre[aria-busy='true'] .pm-rdv__autre-champ{opacity:.6}
#pm-page .pm-rdv__autre-libelle{font:700 15px/1.3 var(--police-titre);color:var(--pic-900)}
#pm-page .pm-rdv__autre-libelle:empty{display:none}
#pm-page .pm-rdv__autre-erreur{flex:1 1 100%;flex-wrap:wrap;align-items:flex-start;gap:4px 8px}
#pm-page .pm-rdv__autre-erreur>span{flex:1 1 0;min-width:0}
#pm-page .pm-rdv__autre-erreur .pm-rdv__autre-suivant{flex:1 1 100%}
#pm-page .pm-rdv__autre-erreur[hidden]{display:none}
#pm-page .pm-rdv__autre-erreur svg{margin-top:1px}
#pm-page .pm-rdv__autre-suivant,#pm-page .pm-rdv__autre-suivant:hover,#pm-page .pm-rdv__autre-suivant:focus{min-height:44px;padding:0 2px;border:0;border-radius:6px;background:none;font:700 14px/1.3 var(--police-titre);letter-spacing:0;text-transform:none;white-space:normal;text-align:left;color:var(--pic-800);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
#pm-page .pm-rdv__autre-suivant:hover{color:var(--pic-900)}
#pm-page .pm-rdv__autre-suivant[hidden]{display:none}
#pm-page .pm-rdv__autre-secours{font:400 14px/1.45 var(--police-texte);color:var(--pierre-700)}
#pm-page .pm-rdv__autre-secours a{color:var(--pic-800);font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}


/* Demande de créneau (18 octobre 2026) : « pas encore un rendez-vous », e-mail sur toute la largeur. */
#pm-page .pm-rdv__avertissement{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--ciel-50,#eaf6fc);color:var(--pic-900);font:600 14px/1.45 var(--police-texte)}
#pm-page .pm-rdv__avertissement svg{flex:none;width:18px;height:18px;margin-top:1px;color:var(--pic-800)}
#pm-page .pm-rdv__champs .pm-champ--plein{grid-column:1/-1}
#pm-page .pm-rdv__confirmation .pm-rdv__texte strong{font-weight:700;color:var(--pic-900);word-break:break-all}


/* Pas à pas (accueil, 19 octobre 2026) : une étape à la fois, ajouté par pm-showroom.js (data-rdv-etapes). */
#pm-page .pm-rdv .is-cachee{display:none!important}
#pm-page .pm-rdv__progression{display:flex;align-items:center;gap:12px;min-width:0}
#pm-page .pm-rdv__progression-texte{flex:none;margin:0;font:700 13px/1.2 var(--police-titre);letter-spacing:.06em;text-transform:uppercase;color:var(--pic-800)}
#pm-page .pm-rdv__barres{flex:1 1 auto;display:flex;gap:6px;min-width:0}
#pm-page .pm-rdv__barre{flex:1 1 0;height:6px;border-radius:999px;background:var(--pierre-200)}
#pm-page .pm-rdv__barre.is-fait{background:var(--pic-800)}
#pm-page .pm-rdv.is-pas-a-pas .pm-rdv__etape-titre:focus{outline:none}
#pm-page .pm-rdv.is-pas-a-pas .pm-rdv__etape-titre:focus-visible{outline:3px solid var(--ciel-500);outline-offset:4px;border-radius:6px}
#pm-page .pm-rdv__choix{display:flex;align-items:center;gap:10px;min-width:0;padding:6px 6px 6px 14px;border-radius:12px;background:var(--pic-50);color:var(--pic-900);font:700 15px/1.3 var(--police-titre)}
#pm-page .pm-rdv__choix svg{flex:none;width:20px;height:20px;color:var(--pic-800)}
#pm-page .pm-rdv__choix-texte{flex:1 1 auto;min-width:0}
#pm-page .pm-rdv__choix-modifier,#pm-page .pm-rdv__choix-modifier:hover,#pm-page .pm-rdv__choix-modifier:focus{flex:none;min-height:44px;padding:0 14px;border:0;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--pierre-300);font:700 14px/1 var(--police-titre);letter-spacing:0;text-transform:none;color:var(--pic-800);cursor:pointer}
#pm-page .pm-rdv__choix-modifier:hover{box-shadow:inset 0 0 0 1px var(--pic-800);color:var(--pic-900)}
#pm-page .pm-rdv__choix-modifier:focus-visible{outline:3px solid var(--ciel-500);outline-offset:2px}
#pm-page .pm-rdv__precedent,#pm-page .pm-rdv__precedent:hover,#pm-page .pm-rdv__precedent:focus{justify-self:start;min-height:44px;padding:0 2px;border:0;border-radius:6px;background:none;font:700 14px/1.3 var(--police-titre);letter-spacing:0;text-transform:none;color:var(--pic-800);text-decoration:underline;text-underline-offset:4px;cursor:pointer}

/* Page Showroom en pas à pas (19 octobre 2026) : projet facultatif sous les coordonnées, dans la même étape */
#pm-page .pm-rdv__projet-bloc{display:grid;gap:10px;margin-top:20px}
#pm-page .pm-rdv__sous-titre{margin:0;font:600 15px/1.3 var(--police-texte);color:var(--encre)}