/* =============================================================================
   Encart « carte des contrôles sanitaires » — partials/carte-controles.php
   =============================================================================
   Chargée uniquement par l'encart (accueil, landing PMS, pages exemple), jamais
   par le layout global. Variables de la charte « Dossier » (dossier.css) ;
   tout est préfixé `.cc`.
   ============================================================================= */

.cc__inner { padding-block: var(--dc-section); }

.cc__grid {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: clamp(28px, 4vw, 56px);
    align-items: start;
}
@media (max-width: 900px) {
    .cc__grid { grid-template-columns: minmax(0, 1fr); }
}

/* Hors accueil, style.css redonne sa propre police et sa couleur aux titres. */
.cc .dc-h2 { font-family: var(--dc-font); color: var(--dc-ink); }

.cc__figures {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 26px 0 0;
    border-top: 1px solid var(--dc-line);
}
.cc__figures > div {
    padding: 16px 16px 16px 0;
    border-bottom: 1px solid var(--dc-line-soft);
}
.cc__figures strong {
    display: block;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--dc-ink);
}
.cc__figures span {
    display: block;
    margin-top: 2px;
    font-size: 13px;
    color: var(--dc-text-3);
}

.cc .cc__cta { margin-top: 26px; }

/* --- Carte --- */
.cc__map {
    position: relative;
    width: 100%;
    height: 440px;
    border: 1px solid var(--dc-green-line);
    background: var(--dc-track);
    z-index: 0; /* sous l'en-tête du site : la carte empile ses panneaux jusqu'à 1000 */
}
@media (max-width: 600px) {
    .cc__map { height: 340px; }
}
.cc__placeholder {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    margin: 0;
    font-family: var(--dc-mono);
    font-size: 12px;
    letter-spacing: 0.04em;
    color: var(--dc-text-3);
}
.cc__noscript { margin: 10px 0 0; font-size: 14px; color: var(--dc-text-3); }
.cc__src {
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: var(--dc-text-3);
}