/* =====================================================================
   Fiches produit hors département (NAF, particuliers, administrations,
   éducation, immobilier, activités) : compléments à site.css.
   Mêmes jetons ; rien n'est redéfini.
   ===================================================================== */

/* Figure « fichiers de la rubrique » : la barre du fichier consulté au surligneur */
.barres li.actif .b-b i { background: var(--surligneur); }
.barres li.actif .b-l, .barres li.actif .b-n { font-weight: 650; color: var(--encre); }
.barres .b-l a { color: var(--encre); text-decoration: none; }
.barres .b-l a:hover { color: var(--action); text-decoration: underline; }

/* Encadré blanc sur fond gris : renvoi vers un autre fichier (région, département, rubrique) */
.renvoi { background: #fff; border-radius: var(--rayon); padding: 22px 24px; }
.renvoi p { margin: 0 0 16px; max-width: 54ch; }
.renvoi .lien-fleche { margin-top: 14px; }
.renvoi .btn { white-space: normal; }

/* Bon de commande sans carte : note de bas de bloc */
.commande-note { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--filet); }
.commande-note .source { margin: 0; }

/* Figure « fichiers de la rubrique » : étiquettes plus larges sur grand écran (titres de fichiers) */
@media (min-width: 701px) {
    .fig--rubrique .barres li { grid-template-columns: minmax(150px, 44%) 1fr auto; }
}

/* Bloc-réponse sous le titre (audit SEO du 19/10/2026, H6) : la question en gras, puis la réponse calculée (40 à 60 mots),
   reprise mot pour mot en tête des questions fréquentes */
.reponse { font-size: 1.1rem; line-height: 1.55; color: var(--encre-2); max-width: 66ch; margin: 0 0 24px; }
.reponse b { display: block; color: var(--encre); font-weight: 650; margin-bottom: 4px; }

/* Bon de commande : renvoi vers l'article 10 des CGV (rétractation), sous les coches */
.commande-cgv { margin: 12px 0 0; }
.commande-cgv a { color: var(--encre-2); }

/* Maillage : codes NAF les plus présents d'un département, articles du blog */
.maillage { align-items: start; margin-bottom: 44px; }
.maillage h2 { margin-bottom: 14px; }
.renvoi--blog { margin-top: 20px; }
.maillage .renvoi--blog { margin-top: 0; }
.renvoi--suite { margin-top: 20px; }
.liens-blog { list-style: none; margin: 0; padding: 0; }
.liens-blog li { margin: 0; padding: 10px 0; border-top: 1px solid var(--filet); }
.liens-blog li:first-child { border-top: 0; padding-top: 0; }
.liens-blog a { font-weight: 600; }
.lien-blog { margin: 18px 0 0; font-size: 15.5px; color: var(--encre-2); }

/* « À propos de ce fichier » en deux colonnes : texte calculé (7/12) et encadré « Le fichier en bref » (5/12), empilés sous 900 px */
.apropos { align-items: start; }
.encadre--bref .encadre-titre { margin-bottom: 12px; }
.bloc--gris .encadre--bref { background: #fff; }
.dico.dico--bref { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.dico--bref dt { font-weight: 400; color: var(--encre-2); padding: 9px 12px 9px 0; }
.dico--bref dd { color: var(--encre); font-weight: 650; text-align: right; font-variant-numeric: tabular-nums lining-nums; padding: 9px 0; }
.dico--bref dd small { font-size: 14px; font-weight: 400; color: var(--encre-2); }
.encadre--bref .lien-blog { margin-top: 16px; font-size: 15px; }
@media (max-width: 700px) {
    .dico.dico--bref { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .dico.dico--bref dt { padding-bottom: 9px; border-bottom: 1px solid var(--filet); }
}

/* Mobile et tablette : mini-carte du bon de commande sur toute la largeur de l'encadré, département consulté (jaune) cerné
   d'un trait d'encre épais ; les numéros de département, illisibles à cette taille, sont masqués (la légende nomme le département) */
@media (max-width: 1060px) {
    .commande-carte .carte svg { max-height: none; max-width: 420px; margin: 0 auto; }
    .commande-carte .carte path.dep.actif { stroke-width: 3px; vector-effect: non-scaling-stroke; paint-order: stroke fill; }
    .commande-carte .dep-labels { display: none; }
}
/* Repère d'un petit département consulté sur la mini-carte (posé par js/fiche.js) */
.commande-carte .repere { fill: none; stroke: var(--encre); stroke-width: 2px; vector-effect: non-scaling-stroke; pointer-events: none; }