/*
Fichier : annuaire.css
Chemin  : D:\SpeedclicV2\www\assets\css\annuaire.css
Rôle    : Annuaire thématique en MODE CONTENU (dans .sc-main, le sidebar de la page
          de garde est conservé). Zones : gauche (sélection en LISTE) | centre | droite (pub).
*/

/* Conteneur : remplit la zone centrale (.sc-main). */
.an-wrap { flex: 1 1 auto; display: flex; min-height: 0; height: 100%; background: #fff; }

/* ============ ZONE GAUCHE : sélection (liste, pas de tuiles) ============ */
.an-select { width: 300px; flex-shrink: 0; background: #fff; border-right: 1px solid #d5dbe3;
             display: flex; flex-direction: column; overflow: hidden; }

/* Les 2 barres de sélection (Catégorie + Rubrique), toujours visibles. */
.an-crumbs { flex-shrink: 0; padding: 8px; display: flex; flex-direction: column; gap: 6px; }
.an-crumb {
    width: 100%; height: 38px; box-sizing: border-box; text-align: left; padding: 0 12px;
    border: 1px solid #cfd6de; border-radius: 3px; background: #fff; color: #1a2535;
    font-size: 13px; font-weight: 700; cursor: pointer; font-family: inherit;
    display: flex; align-items: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.an-crumb.an-crumb-active      { background: #eaf6fb; border-color: #13a8d8; }
.an-crumb.an-crumb-placeholder { cursor: default; color: #55606c; }
/* Barre Rubrique avant tout choix de catégorie : présente mais inerte (vide + grisée). */
.an-crumb.an-crumb-disabled    { background: #f4f6f8; border-color: #e6e9ed; color: transparent; cursor: default; }
.an-crumb:hover:not(.an-crumb-placeholder):not(.an-crumb-disabled) { background: #f5f9fc; }

/* Liste des éléments (catégories / rubriques / métiers). */
.an-tiles { flex: 1; overflow-y: auto; }
.an-row {
    padding: 9px 14px; background: #fdf9ea; border-bottom: 1px solid #ece2c4;
    color: #1a2535; font-size: 12.5px; font-weight: 700; cursor: pointer;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.an-row:hover { background: #fff2c2; }

.an-empty { padding: 18px 14px; color: #8a96a3; font-size: 13px; font-style: italic; }

/* ============ ZONE CENTRALE ============ */
.an-center { flex: 1; display: flex; flex-direction: column; min-width: 0; border-right: 1px solid #d5dbe3; }
/* Le haut du centre a la MÊME hauteur que les 2 barres de sélection (8+38+6+38+8 = 98px). */
.an-center-top {
    flex: 0 0 98px; border-bottom: 1px solid #d5dbe3; background: #f4f7fa;
    display: flex; align-items: center; justify-content: center;
}
.an-center-bottom { flex: 1; display: flex; align-items: center; justify-content: center; padding: 16px; }

/* Message « Annuaire en cours » (désormais au centre-bas). */
.an-encours { font-size: 18px; font-weight: 700; color: #13a8d8; text-align: center; }
.an-encours small { display: block; margin-top: 6px; font-size: 13px; color: #6b7a8c; font-weight: 400; }

/* ============ ZONE DROITE : pub ============ */
.an-right { width: 330px; flex-shrink: 0; background: #fff; display: flex; flex-direction: column; }
.an-right-content { flex: 1; display: flex; align-items: center; justify-content: center; padding: 16px; }

.an-ph { color: #aab6c2; font-size: 13px; font-style: italic; }

/* === FIN DU FICHIER : D:\SpeedclicV2\www\assets\css\annuaire.css === */