/* assets/css/secteurs.css — complète annuaire.css (mêmes variables :root) */

.sec-wrap{max-width:1340px;margin:0 auto;padding:24px 20px 60px}

/* Cartes "secteurs populaires" */
.sec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.sec-card{
    display:flex;flex-direction:column;justify-content:flex-end;gap:2px;
    min-height:104px;padding:14px 16px;border-radius:var(--r-md);
    background:var(--white);border:1px solid var(--border);
    background-size:cover;background-position:center;
    transition:transform var(--tr),box-shadow var(--tr),border-color var(--tr);
}
.sec-card:hover{transform:translateY(-2px);box-shadow:var(--sh-md);border-color:var(--navy)}
.sec-card-name{font-family:var(--fh);font-size:15px;font-weight:800;color:var(--navy);line-height:1.25}
.sec-card-cnt{font-size:12px;color:var(--muted)}
.sec-card.has-img{border-color:transparent}
.sec-card.has-img .sec-card-name{color:#fff}
.sec-card.has-img .sec-card-cnt{color:rgba(255,255,255,.8)}

/* Index A→Z */
.az-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}
.az-nav a{
    min-width:34px;height:34px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;
    background:var(--white);border:1px solid var(--border);border-radius:var(--r-sm);
    font-family:var(--fh);font-size:13px;font-weight:700;color:var(--slate);
    transition:background var(--tr),color var(--tr),border-color var(--tr);
}
.az-nav a:hover{background:var(--navy);border-color:var(--navy);color:#fff}

.az-group{margin-bottom:26px;scroll-margin-top:150px}
.az-letter{
    font-family:var(--fh);font-size:20px;font-weight:900;color:var(--red);
    padding-bottom:6px;margin-bottom:10px;border-bottom:2px solid var(--border);
}
.az-items{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 18px}
.az-items li[hidden],.az-group[hidden]{display:none}
.az-items a{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:8px 10px;border-radius:var(--r-sm);font-size:14px;color:var(--navy);
    transition:background var(--tr),color var(--tr);
}
.az-items a:hover{background:var(--red-soft);color:var(--red)}
.az-cnt{font-size:11px;font-weight:600;background:var(--border);color:var(--slate);padding:1px 8px;border-radius:100px}

/* Bloc texte (utile aux lecteurs, pas du texte caché) */
.seo-text{margin-top:36px;padding:22px 24px;background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);max-width:78ch}
.seo-text h2{font-family:var(--fh);font-size:17px;font-weight:800;color:var(--navy);margin-bottom:10px}
.seo-text p{font-size:14px;line-height:1.7;color:var(--slate)}
.seo-text p + p{margin-top:10px}
.seo-text a{color:var(--red);font-weight:600}

/* Pages secteur : le fil d'Ariane est cliquable */
.breadcrumb a:hover{color:var(--red)}
.hero-sub a{color:#fff;text-decoration:underline}

@media(max-width:768px){
    .sec-wrap{padding:16px 14px 40px}
    .sec-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
    .az-items{grid-template-columns:1fr}
}