/* ====================================================================
   Override DA — alm/annuaire (annuaires LOCAUX étab, CPT-driven)
   Aligne le style des cartes sur la référence visuelle PORTAIL
   (.alm-annuaire-card de portail-annuaire.css). Charge APRÈS le
   style-index.css du bloc → cascade override propre.

   Contrainte stricte : ne RENOMME aucune classe (view.js cible
   .alm-block-annuaire__*). Tokens partagés. Couleurs : bleu
   #004899, hover #003670, CTA var(--alm-orange) (jamais #EE7203 sur bouton).
   ==================================================================== */

/* ========== Section wrapper ========== */
.alm-block-annuaire { padding-block: clamp(48px, 8vw, 80px); }

/* ====================================================================
   TOOLBAR — styles gérés désormais par le build du bloc
   (src/blocks/annuaire/style.scss → style-index.css). L'override a été
   retiré pour garder une SOURCE UNIQUE : plus de double définition qui
   écrasait le nouveau design (carte compacte, champs remplis, icônes).
   ==================================================================== */

/* ====================================================================
   FICHE — styles gérés désormais par le build du bloc
   (src/blocks/annuaire/style.scss → style-index.css). L'override a été
   retiré le 2026-08-24, pour la même raison que la toolbar ci-dessus.

   CE QUI L'A IMPOSÉ. La fiche est passée en disposition horizontale dans
   le build ; le rendu n'a pas suivi. Cette feuille redéclarait
   `flex-direction: column` et `height: 100%` et se charge APRÈS le bloc :
   la fiche mesurait encore 111 à 262 px là où le build en demandait 82.
   Deux définitions de la même fiche, dont une seule était modifiée.

   Ce qui reste ici est ce que le bloc ne porte pas : le repli
   `__photo-placeholder`, l'établissement, le type d'intervention, le
   badge de secteur et la rangée `__actions`. Toute règle de géométrie de
   fiche ajoutée ici réintroduirait le même défaut.
   ==================================================================== */

.alm-block-annuaire__photo-placeholder {
  align-items: center;
  color: #b6b9bd;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.alm-block-annuaire__photo-placeholder svg {
  width: 48px; height: 48px;
}


/* ========== Établissement + ville — couleur #4A4A45 (= portail
   .alm-carriere-card__loc qui résout --alm-text-soft = --alm-gray-700) */
.alm-block-annuaire__etab {
  color: #4A4A45;
  font-size: 13px;
  margin: 0;
}
.alm-block-annuaire__etab-ville {
  color: var(--alm-blue, #004899);
  font-weight: 600;
}

/* ========== Type intervention ========== */
.alm-block-annuaire__type {
  color: #555;
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}

/* ========== Secteur badge ========== */
.alm-block-annuaire__secteur { margin: 4px 0 0; }
.alm-block-annuaire__secteur-badge {
  background: #f4f4f0;
  border-radius: 4px;
  color: #1a1a1a;
  display: inline-block;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 3px 10px;
  text-transform: uppercase;
}

/* ========== Actions row : bouton RDV + Voir fiche + Contact ========== */
.alm-block-annuaire__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: auto;            /* colle en bas de carte */
  padding-top: 10px;            /* aligne sur portail (était 12 chez nous) */
  border-top: 1px solid #f0eee9;
}

/* RDV : bouton orange CTA */
.alm-block-annuaire__actions .alm-btn.alm-block-annuaire__rdv,
.alm-block-annuaire__actions a.alm-btn.alm-block-annuaire__rdv,
.alm-block-annuaire__actions a.alm-btn.alm-block-annuaire__rdv:link,
.alm-block-annuaire__actions a.alm-btn.alm-block-annuaire__rdv:visited {
  background: var(--cta-bg, var(--alm-orange));
  color: #fff !important;
  border: 2px solid transparent;
  border-radius: 6px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  padding: 9px 18px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  transition: background-color .15s, color .15s;
}
.alm-block-annuaire__actions .alm-btn.alm-block-annuaire__rdv:hover,
.alm-block-annuaire__actions .alm-btn.alm-block-annuaire__rdv:focus {
  background: var(--cta-bg-hover, var(--alm-orange));
  color: #fff;
}

/* Voir la fiche : lien bleu */
.alm-block-annuaire__fiche,
.alm-block-annuaire__fiche:link,
.alm-block-annuaire__fiche:visited {
  color: var(--alm-blue, #004899);
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color .15s;
}
.alm-block-annuaire__fiche:hover,
.alm-block-annuaire__fiche:focus { color: #003670; }

/* Contact établissement : lien gris discret */
.alm-block-annuaire__contact,
.alm-block-annuaire__contact:link,
.alm-block-annuaire__contact:visited {
  color: #4a4f55;
  font-size: 13px;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: rgba(0,72,153,0.25);
  text-underline-offset: 3px;
  transition: color .15s, text-decoration-color .15s;
}
.alm-block-annuaire__contact:hover,
.alm-block-annuaire__contact:focus {
  color: var(--alm-blue, #004899);
  text-decoration-color: var(--alm-blue, #004899);
}

/* ========== Responsive ≤600 : actions stack ========== */
@media (max-width: 600px) {
  .alm-block-annuaire__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .alm-block-annuaire__actions > * {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}