/*
 * Annuaire — fiche d'un professionnel (refonte d'octobre 2026, prototype _mocks/annuaire-v2).
 * Charte du site : bandeau gris, titres .category-headding, boutons en pilule orange #F07D00,
 * polices Ubuntu / Lato. Tout est rattaché à .pa-v2 pour ne rien changer au reste du site.
 */
.pa-v2{
  --pa:#F07D00;
  --pa-fonce:#C45F00;      /* orange lisible sur fond blanc (texte, liens) */
  --pa-doux:#FFF3E6;
  --pa-tres-doux:#FFF9F2;
  --titre:#111;
  --texte:#797986;
  --texte-fonce:#444;
  --ligne:#eaeaea;
  --bandeau:#f6f6f6;
  --ombre:0 1px 2px rgba(0,0,0,.04),0 4px 14px rgba(0,0,0,.06);
  background:#fff;
}
.pa-v2 .pa-onglets .container::before,.pa-v2 .pa-onglets .container::after{display:none}
.pa-v2 a:focus-visible,.pa-v2 button:focus-visible,.pa-v2 input:focus-visible,.pa-v2 textarea:focus-visible{outline:3px solid var(--pa);outline-offset:2px}

/* Boutons, badges, avatars */
.pa-v2 .pa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:30px;padding:9px 20px;font:700 14px/1.2 Lato,sans-serif;text-decoration:none!important;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}
.pa-v2 .pa-btn-orange{background:var(--pa);color:#fff!important}
.pa-v2 .pa-btn-orange:hover{background:#DD7200}
.pa-v2 .pa-btn-sombre{background:#222;color:#fff!important}
.pa-v2 .pa-btn-sombre:hover{background:#000}
.pa-v2 .pa-btn-contour{background:#fff;color:#222!important;border-color:#ddd}
.pa-v2 .pa-btn-contour:hover{border-color:var(--pa);color:var(--pa-fonce)!important}
.pa-v2 .pa-btn-petit{padding:6px 14px;font-size:13px}
.pa-v2 .pa-btn-bloc{display:flex;width:100%}
.pa-v2 .pa-badge{display:inline-flex;align-items:center;gap:5px;font:900 11.5px/1 Lato,sans-serif;border-radius:3px;padding:5px 8px;letter-spacing:.3px;text-transform:uppercase}
.pa-v2 .pa-badge-verifie{background:var(--pa-doux);color:var(--pa-fonce)}
.pa-v2 .pa-badge-neutre{background:#fff;color:var(--texte);border:1px solid var(--ligne)}
.pa-v2 .pa-avatar{flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#333;color:#fff;font:700 20px/1 Ubuntu,sans-serif;letter-spacing:.5px;width:64px;height:64px;overflow:hidden;position:relative}
.pa-v2 .pa-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}
.pa-v2 .pa-avatar.pa-a-orange{background:var(--pa)}
.pa-v2 .pa-avatar.pa-a-silhouette{background:#e9e9ec;color:#b9b9c2;font-size:30px}
.pa-v2 .pa-lien-fort{font-weight:700;color:var(--pa-fonce)!important}

/* Bandeau de page */
.pa-v2 .pa-bandeau{background:var(--bandeau);padding:22px 0 30px}
.pa-v2 .pa-bandeau .breadcrumbs{text-align:left;margin-bottom:22px}
.pa-v2 .pa-haut{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.pa-v2 .pa-haut .breadcrumbs{margin-bottom:0}
.pa-v2 .pa-retour{font-size:13px;font-weight:700;color:var(--texte-fonce)!important}

/* Identité */
.pa-v2 .pa-identite{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center}
.pa-v2 .pa-identite .pa-avatar{width:120px;height:120px;font-size:36px;border:4px solid #fff;box-shadow:var(--ombre)}
.pa-v2 .pa-identite h1{font:800 32px/1.2 Ubuntu,sans-serif;color:var(--titre);margin:14px 0 8px;text-align:left}
.pa-v2 .pa-profession-ville{font-size:16px;line-height:1.5;color:var(--texte-fonce);margin-bottom:16px}
.pa-v2 .pa-profession-ville b{color:var(--titre)}
.pa-v2 .pa-indicateurs{display:flex;gap:10px 24px;flex-wrap:wrap;font-size:14px;line-height:1.5;color:var(--texte-fonce)}
.pa-v2 .pa-indicateurs .fa{color:var(--pa);margin-right:5px}
.pa-v2 .pa-indicateurs a{color:inherit}
.pa-v2 .pa-boutons-ronds{display:flex;gap:8px;align-self:start}
.pa-v2 .pa-rond{width:40px;height:40px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#555!important;display:flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none!important}
.pa-v2 .pa-rond:hover{border-color:var(--pa);color:var(--pa)!important}

/* Onglets (restent visibles au défilement) */
.pa-v2 .pa-onglets{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--ligne)}
.pa-v2 .pa-onglets .container{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.pa-v2 .pa-onglets a{padding:14px 14px 12px;font:700 13px Lato,sans-serif;text-transform:uppercase;color:#555!important;border-bottom:3px solid transparent;white-space:nowrap;text-decoration:none!important}
.pa-v2 .pa-onglets a.pa-on{color:var(--titre)!important;border-bottom-color:var(--pa)}
.pa-v2 .pa-onglets .pa-espace{flex:1}
.pa-v2 .pa-onglets .pa-cta{align-self:center;padding:7px 16px;border-bottom:0;text-transform:none;font-size:13px;color:#fff!important}
.pa-v2 .pa-onglets .pa-cta+.pa-cta{margin-left:6px}
.pa-v2 .pa-onglets .pa-cta.pa-btn-contour{color:#222!important}

/* Colonne principale */
.pa-v2 .pa-fiche{padding-top:26px;padding-bottom:40px}
.pa-v2 .pa-bloc{background:#fff;border:1px solid var(--ligne);border-radius:4px;padding:22px 24px;margin-bottom:18px;scroll-margin-top:60px}
.pa-v2 .pa-bloc .category-headding{margin-bottom:10px}
.pa-v2 .pa-bloc .headding-border{margin-bottom:16px}
.pa-v2 .pa-bloc p{font-size:15px;line-height:1.65;color:var(--texte-fonce)}
.pa-v2 .pa-faits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 18px}
.pa-v2 .pa-faits div{background:var(--bandeau);border-radius:4px;padding:12px 14px}
.pa-v2 .pa-faits small{display:block;font-size:12px}
.pa-v2 .pa-faits b{font:700 18px Ubuntu,sans-serif;color:var(--titre)}
.pa-v2 .pa-domaines{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pa-v2 .pa-domaines>div{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--ligne);border-radius:4px;padding:12px 14px}
.pa-v2 .pa-domaines>div.pa-principal{border-color:var(--pa);background:var(--pa-tres-doux)}
.pa-v2 .pa-domaines .fa{color:var(--pa);margin-top:3px}
.pa-v2 .pa-domaines b{color:var(--titre);display:block}
.pa-v2 .pa-domaines small{display:block;font-size:13px;line-height:1.45;margin-top:2px}
.pa-v2 .pa-mention{font-size:13px!important;color:var(--texte)!important;margin:12px 0 0}
.pa-v2 .pa-equipe{display:flex;gap:14px 24px;flex-wrap:wrap;margin-top:12px}
.pa-v2 .pa-equipe a{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none!important}
.pa-v2 .pa-equipe a:hover b{color:var(--pa-fonce)}
.pa-v2 .pa-equipe .pa-avatar{width:46px;height:46px;font-size:15px}
.pa-v2 .pa-equipe b{display:block;color:var(--titre)}
.pa-v2 .pa-equipe small{font-size:12.5px}
.pa-v2 .pa-ventes h4{font:700 14px Lato,sans-serif;text-transform:uppercase;color:#222;margin:18px 0 8px}
.pa-v2 .pa-ventes table{font-size:14px;margin-bottom:0}
.pa-v2 .pa-pratique{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pa-v2 .pa-minicarte{height:200px;border-radius:4px;border:1px solid var(--ligne);margin-bottom:12px}
.pa-v2 .pa-liste-ic{list-style:none;margin:0;padding:0}
.pa-v2 .pa-liste-ic li{display:flex;gap:10px;margin-bottom:8px;font-size:14px}
.pa-v2 .pa-liste-ic .fa{color:var(--pa);width:16px;text-align:center;margin-top:3px}
.pa-v2 .pa-message .form-control{margin-bottom:10px}
.pa-v2 .pa-message textarea.form-control{height:160px}
.pa-v2 .pa-maj{font-size:13.5px;margin:4px 0 0}
.pa-v2 .pa-source{font-size:12.5px;color:var(--texte);margin:8px 0 18px}

/* Colonne de droite */
.pa-v2 .pa-cote{display:flex;flex-direction:column;gap:18px}
.pa-v2 .pa-contact{background:#fff;border:1px solid var(--ligne);border-top:3px solid var(--pa);border-radius:4px;box-shadow:var(--ombre)}
.pa-v2 .pa-ct-tete{padding:18px 20px 12px}
.pa-v2 .pa-contact h3{font:700 18px Ubuntu,sans-serif;color:var(--titre);margin:0 0 3px}
.pa-v2 .pa-ct-tete p{font-size:13px;margin:0}
.pa-v2 .pa-ct-boutons{padding:0 20px 16px;display:flex;flex-direction:column;gap:8px}
.pa-v2 .pa-ct-lignes{border-top:1px solid var(--ligne)}
.pa-v2 .pa-ct-lignes>*{display:flex;gap:12px;padding:11px 20px;border-bottom:1px solid #f4f4f4;font-size:14px;color:var(--texte-fonce)!important;text-decoration:none!important;align-items:flex-start;word-break:break-word}
.pa-v2 .pa-ct-lignes>*:last-child{border-bottom:0}
.pa-v2 .pa-ct-lignes .fa{color:var(--pa);width:16px;text-align:center;margin-top:3px}
.pa-v2 .pa-ct-lignes small{display:block;font-size:12px;color:var(--texte)}
.pa-v2 .pa-revendiquer{background:var(--pa-doux);border-radius:4px;padding:18px 20px}
.pa-v2 .pa-revendiquer h3{font:700 16px Ubuntu,sans-serif;color:var(--titre);margin:0 0 6px;display:flex;gap:8px;align-items:center}
.pa-v2 .pa-revendiquer h3 .fa{color:var(--pa)}
.pa-v2 .pa-revendiquer p{font-size:13.5px;color:var(--texte-fonce)}
.pa-v2 .pa-proches{background:#fff;border:1px solid var(--ligne);border-radius:4px;padding:16px 18px}
.pa-v2 .pa-proches h3{font:700 15px Lato,sans-serif;text-transform:uppercase;color:#222;margin:0 0 10px}
.pa-v2 .pa-proches a.pa-p{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #f4f4f4;text-decoration:none!important}
.pa-v2 .pa-proches a.pa-p .pa-avatar{width:40px;height:40px;font-size:13px}
.pa-v2 .pa-proches a.pa-p b{display:block;color:var(--titre);font-size:14px}
.pa-v2 .pa-proches a.pa-p small{font-size:12.5px;color:var(--texte)}
.pa-v2 .pa-barre-mobile{display:none}

@media (max-width:991px){
  .pa-v2 .pa-identite{grid-template-columns:auto 1fr}
  .pa-v2 .pa-boutons-ronds{grid-column:1/-1;justify-content:flex-start}
}
@media (max-width:767px){
  .pa-v2 .container{padding-left:16px!important;padding-right:16px!important}   /* le site les met à 0 sur mobile */
  .pa-v2 .pa-identite{grid-template-columns:1fr;gap:12px;position:relative}
  .pa-v2 .pa-boutons-ronds{position:absolute;top:0;right:0}
  .pa-v2 .pa-identite .pa-avatar{width:88px;height:88px;font-size:28px}
  .pa-v2 .pa-identite h1{font-size:26px}
  .pa-v2 .pa-faits,.pa-v2 .pa-domaines,.pa-v2 .pa-pratique{grid-template-columns:1fr}
  .pa-v2 .pa-bloc{padding:18px 16px}
  .pa-v2 .pa-onglets{top:49px}      /* sous le menu mobile du site (fixe, 49px) */
  .pa-v2 .pa-onglets .pa-cta,.pa-v2 .pa-onglets .pa-espace{display:none}
  .pa-v2{padding-bottom:72px}
  .pa-v2 .pa-barre-mobile{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:1000;background:#fff;border-top:1px solid var(--ligne);padding:10px 12px;box-shadow:0 -4px 14px rgba(0,0,0,.06)}
  .pa-v2 .pa-barre-mobile .pa-btn{flex:1}
}

/* Textes déclarés par le professionnel */
.pa-v2 .pa-texte{white-space:normal}
.pa-v2 .pa-h3{font:700 14px Lato,sans-serif;text-transform:uppercase;color:#222;margin:0 0 8px}
.pa-v2 .pa-horaires{font-size:14px!important;margin:0 0 14px}

/* Modale « Revendiquer ma fiche » / « Me référencer » (modules/revendication/modale.php) */
.pa-v2 .pa-modale{border:0;border-radius:6px;padding:0;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);box-shadow:0 20px 60px rgba(0,0,0,.3);color:var(--texte-fonce)}
.pa-v2 .pa-modale::backdrop{background:rgba(0,0,0,.55)}
.pa-v2 .pa-m-form{display:flex;flex-direction:column;max-height:calc(100vh - 32px);margin:0}
.pa-v2 .pa-m-tete{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--ligne)}
.pa-v2 .pa-m-tete h2{font:700 20px Ubuntu,sans-serif;color:var(--titre);margin:0}
.pa-v2 .pa-m-fermer{border:0;background:none;font-size:20px;color:var(--texte);cursor:pointer;padding:4px 8px}
.pa-v2 .pa-m-corps{overflow-y:auto;padding:18px 22px}
.pa-v2 .pa-m-intro{font-size:14.5px;line-height:1.6;margin:0 0 14px}
.pa-v2 .pa-m-erreurs{background:#FDECEA;border:1px solid #F5C2BD;color:#8A1F11;border-radius:4px;padding:10px 14px;margin:0 0 14px;font-size:14px}
.pa-v2 .pa-m-erreurs ul{margin:0;padding-left:18px}
.pa-v2 .pa-m-corps fieldset{border:1px solid var(--ligne);border-radius:4px;padding:12px 16px 14px;margin:0 0 14px}
.pa-v2 .pa-m-corps legend{font:700 13px Lato,sans-serif;text-transform:uppercase;color:#222;padding:0 6px;margin:0;border:0;width:auto}
.pa-v2 .pa-m-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 14px}
.pa-v2 .pa-m-grille .pa-m-large{grid-column:span 2}
.pa-v2 .pa-m-grille .pa-m-moitie{grid-column:span 3}
.pa-v2 .pa-m-champ{display:flex;flex-direction:column;gap:4px;font-weight:400;margin:0 0 8px}
.pa-v2 .pa-m-champ span{font-size:12.5px;color:var(--texte-fonce);font-weight:700}
.pa-v2 .pa-m-champ input,.pa-v2 .pa-m-champ select,.pa-v2 .pa-m-champ textarea{border:1px solid #d6d6d6;border-radius:4px;padding:7px 10px;font-size:14px;color:var(--titre);width:100%;background:#fff}
.pa-v2 .pa-m-champ input:disabled{background:var(--bandeau);color:var(--texte)}
.pa-v2 .pa-m-champ input:focus,.pa-v2 .pa-m-champ select:focus,.pa-v2 .pa-m-champ textarea:focus{outline:3px solid var(--pa-doux);border-color:var(--pa)}
.pa-v2 .pa-m-radio{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:14px;margin:4px 0}
.pa-v2 .pa-m-radio input{margin-top:3px}
.pa-v2 .pa-m-aide{font-size:13px;color:var(--texte);margin:0 0 8px}
.pa-v2 .pa-m-aide .fa{color:var(--pa)}
.pa-v2 .pa-m-option summary{cursor:pointer;font-size:14px;color:var(--pa-fonce);margin:8px 0}
.pa-v2 .pa-m-consent{background:var(--pa-tres-doux);border-radius:4px;padding:10px 12px}
.pa-v2 .pa-m-pied{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--ligne);background:var(--bandeau)}
.pa-v2 .pa-m-merci{text-align:center;padding:30px 10px}
.pa-v2 .pa-m-merci .fa{font-size:46px;color:var(--pa)}
.pa-v2 .pa-m-merci h3{font:700 22px Ubuntu,sans-serif;color:var(--titre);margin:10px 0}
@media (max-width:767px){
  .pa-v2 .pa-m-grille{grid-template-columns:1fr}
  .pa-v2 .pa-m-grille .pa-m-large,.pa-v2 .pa-m-grille .pa-m-moitie{grid-column:auto}
  .pa-v2 .pa-modale{width:100vw;max-width:100vw;max-height:100vh;border-radius:0}
  .pa-v2 .pa-m-form{max-height:100vh}
}
