/* ============================================================
   FICHE ÉTABLISSEMENT — single-etablissement.php

   Mêmes jetons que le reste du thème (style.css) et mêmes conventions que
   rando.css : mono sur les données factuelles, serif sur les valeurs qu'on lit
   d'un coup d'œil. Aucun accent couleur nouveau.

   Pas de règle de titre ni de chapô : le hero (hero.php) les rend déjà.
   ============================================================ */

/* ── 1. Photo et son crédit ───────────────────────────────── */

/* Le crédit fait partie de la figure et n'est jamais masquable séparément :
   la politique Google Places impose de créditer l'auteur partout où la photo
   est affichée. */
.cc-etab-photo {
    margin: 8px 0 24px;
}

.cc-etab-photo img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 420px;
    object-fit: cover;
    border-radius: 14px;
    border: 1px solid var(--color-border);
}

.cc-etab-photo-credit {
    margin-top: 8px;
    font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    letter-spacing: 0.03em;
    color: #8A9691;
}

.cc-etab-photo-credit a {
    color: var(--color-ink);
    text-decoration: none;
    border-bottom: 1px solid var(--color-border);
}

.cc-etab-photo-credit a:hover {
    border-bottom-color: var(--color-secondary);
}

/* ── 2. Statut : n'apparaît que s'il y a une fermeture à dire ── */

.cc-etab-statut {
    margin: 0 0 20px;
    padding: 10px 16px;
    border-radius: 10px;
    background: #FBF0E4;
    border: 1px solid #E7C9A0;
    font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12.5px;
    font-weight: 600;
    color: #8A5A1E;
}

/* ── 3. En bref : note, prix, type ────────────────────────── */

.cc-etab-chiffres {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
    gap: 16px 20px;
    background: var(--color-paper);
    border: 1px solid var(--color-border);
    border-radius: 14px;
    padding: 22px 24px;
    margin: 0 0 28px;
}

.cc-etab-chiffre {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.cc-etab-chiffre-label {
    font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 10.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-teal);
}

.cc-etab-chiffre-valeur {
    font-family: var(--font-titres);
    font-size: 17px;
    font-weight: 700;
    color: var(--color-ink);
    overflow-wrap: anywhere;
}

/* ── 4. Pratique : coordonnées, horaires, accessibilité ───── */

.cc-etab-pratique {
    margin: 0 0 32px;
}

.cc-etab-coordonnees {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px 16px;
    margin: 0;
}

.cc-etab-coordonnees dt {
    font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #8A9691;
    padding-top: 2px;
}

.cc-etab-coordonnees dd {
    margin: 0;
    font-family: var(--font-textes);
    font-size: 14.5px;
    line-height: 1.5;
    color: var(--color-ink);
    overflow-wrap: anywhere;
}

.cc-etab-coordonnees a {
    color: var(--color-ink);
    text-decoration: none;
    border-bottom: 1px solid var(--color-border);
}

.cc-etab-coordonnees a:hover {
    border-bottom-color: var(--color-secondary);
}

.cc-etab-sous-titre {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;
    margin: 28px 0 12px;
    font-family: var(--font-titres);
    font-size: 17px;
    font-weight: 700;
    color: var(--color-ink);
}

/* « ouvert maintenant » vaut d'être vu tout de suite : c'est la question
   posée en arrivant sur la fiche. */
.cc-etab-ouvert {
    font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 3px 9px;
    border-radius: 999px;
}

.cc-etab-ouvert.is-ouvert {
    background: #E4F2E9;
    color: #2F6B47;
}

.cc-etab-ouvert.is-ferme {
    background: #F2E6E4;
    color: #8A3A2E;
}

.cc-etab-jours {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px dashed var(--color-border);
}

.cc-etab-jours li {
    padding: 7px 2px;
    border-bottom: 1px dashed var(--color-border);
    font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12.5px;
    color: var(--color-ink);
    font-variant-numeric: tabular-nums;
}

/* Le jour courant est la ligne qu'on cherche : elle doit se trouver sans
   lire les sept autres. */
.cc-etab-jours li.is-aujourdhui {
    font-weight: 700;
    background: var(--color-paper);
    border-radius: 6px;
    padding-left: 10px;
    padding-right: 10px;
}

.cc-etab-acces p {
    margin: 0 0 6px;
    font-family: var(--font-textes);
    font-size: 14px;
    line-height: 1.5;
}

.cc-etab-acces-oui { color: #2F6B47; }
.cc-etab-acces-non { color: #8A6A3A; }

/* ── 5. Carte ─────────────────────────────────────────────── */

.cc-etab-carte {
    height: 320px;
    border-radius: 14px;
    border: 1px solid var(--color-border);
    overflow: hidden;
    z-index: 0; /* garde la carte sous les menus déroulants du thème */
}

.cc-etab-carte-note {
    margin: 10px 0 0;
    font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
}

.cc-etab-carte-note a {
    color: var(--color-ink);
    text-decoration: none;
    border-bottom: 1px solid var(--color-border);
}

.cc-etab-carte-note a:hover {
    border-bottom-color: var(--color-secondary);
}

/* ── 6. Provenance des données ────────────────────────────── */

.cc-etab-source {
    margin-top: 32px;
    padding-top: 18px;
    border-top: 1px dashed var(--color-border);
    font-family: var(--font-textes);
    font-size: 12.5px;
    line-height: 1.55;
    color: #8A9691;
}

@media (max-width: 600px) {
    .cc-etab-chiffres { padding: 18px; }
    .cc-etab-photo img { max-height: 260px; }
    .cc-etab-carte { height: 240px; }
}

/* ── 7. Phrase de situation ───────────────────────────────── */

/* Une seule ligne, en tête : le rythme d'ouverture que les sept lignes
   d'horaires ne donnent pas d'un coup d'œil. Serif et non mono — c'est du
   texte de lecture, pas une donnée. */
.cc-etab-situation {
    margin: 0 0 24px;
    font-family: var(--font-titres);
    font-size: 17px;
    line-height: 1.5;
    color: var(--color-ink);
}

/* Présentation tirée du site de l'établissement. Marge basse réduite : les
   étiquettes qui suivent en font partie et doivent rester dans le même bloc
   visuel. */
.cc-etab-presentation {
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.65;
    color: var(--color-ink);
}

/* La source est une mention, pas une note de bas de page : discrète mais dans
   le fil de la phrase, parce que c'est le commerçant qui parle de lui-même et
   que le lecteur doit le savoir sans avoir à chercher. */
.cc-etab-presentation-source {
    font-size: 13px;
    color: var(--color-ink-light, #6b6b6b);
}

.cc-etab-presentation-source a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Étiquettes de spécialité. Volontairement non cliquables : rien ne les indexe
   en facettes aujourd'hui, et un faux lien coûte plus qu'il ne rend. */
.cc-etab-etiquettes {
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cc-etab-etiquettes li {
    padding: 4px 11px;
    border: 1px solid var(--color-or, #C89445);
    border-radius: 999px;
    font-size: 13px;
    line-height: 1.4;
    color: var(--color-ink);
    background: transparent;
}

/* ── 8. À proximité ───────────────────────────────────────── */

.cc-etab-voisins-liste {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 10px;
}

.cc-etab-voisins-liste a {
    display: flex;
    flex-direction: column;
    gap: 3px;
    height: 100%;
    padding: 12px 14px;
    background: var(--color-paper);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    text-decoration: none;
}

.cc-etab-voisins-liste a:hover {
    border-color: var(--color-secondary);
}

.cc-etab-voisin-nom {
    font-family: var(--font-titres);
    font-size: 14.5px;
    font-weight: 700;
    color: var(--color-ink);
    line-height: 1.25;
}

.cc-etab-voisin-sous {
    font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    color: #8A9691;
}