/* =====================================================================
   HAVOCKS — fiche d'un lieu (chargée uniquement par les pages de lieux)
   Complète style.css : le bandeau de titre et la colonne sont ceux des articles (.test-hero, .article-layout).
   Un niveau ou une réponse est toujours dit par une FORME (cercle, triangle, losange...) ET par un TEXTE, jamais par la seule couleur.
   ===================================================================== */

/* Un mot très long sans espace (nom, point de vue, résumé...) passe à la ligne au lieu de faire déborder la page. Les classes du bandeau de titre
   (.test-title...) sont celles de style.css : on ne les modifie que sur les pages de lieux, grâce à ce fichier. */
main .test-title, main .test-meta, main .test-crumb, .lieu-phrase, .lieu-resume p, .lieu-meta li{ overflow-wrap:anywhere; }
.lieu-meta li{ min-width:0; }

/* Le verdict : niveau global, phrase, date et point de vue du test, résumé */
.lieu-verdict{
  margin:0 0 34px; padding:24px 26px; background:var(--void-2);
  border:1px solid rgba(255,255,255,0.1); border-left:3px solid rgba(244,162,97,0.6); border-radius:14px;
}
.lieu-niveau{ display:flex; align-items:center; gap:12px; margin:0 0 6px; font-size:1.4rem; line-height:1.3; }
.lieu-niveau-texte{ color:var(--white); }
.lieu-niveau-tres_bonne{ color:#3DDC97; }
.lieu-niveau-correcte{ color:var(--life-1); }
.lieu-niveau-difficile{ color:#FF6B6B; }
.lieu-niveau-non_teste{ color:var(--muted); }
.lieu-ico{ flex:none; }
.lieu-phrase{ margin:0 0 14px; color:var(--muted); }
.lieu-meta{ display:flex; flex-wrap:wrap; gap:6px 22px; margin:0 0 16px; padding:0; list-style:none; font-size:0.92rem; color:var(--muted); }
.lieu-meta strong{ color:var(--white); font-weight:600; }
.lieu-resume p{ margin:0 0 12px; line-height:1.7; }
.lieu-resume p:last-child{ margin-bottom:0; }

.lieu-detail, .lieu-pratique, .lieu-limites{ margin:0 0 34px; }
.lieu-detail h2, .lieu-pratique h2, .lieu-limites h2{ margin:0 0 14px; font-size:1.3rem; }

/* Le détail par critère */
.lieu-criteres{ display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.lieu-critere{ padding:14px 16px; background:var(--void-2); border:1px solid rgba(255,255,255,0.08); border-radius:12px; }
.lieu-critere-tete{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 16px; }
.lieu-critere-nom{ font-weight:600; }
.lieu-etat{ display:inline-flex; align-items:center; gap:8px; color:var(--white); font-size:0.92rem; font-weight:600; }
.lieu-etat-oui .lieu-ico{ color:#3DDC97; }
.lieu-etat-partiel .lieu-ico{ color:var(--life-1); }
.lieu-etat-non .lieu-ico{ color:#FF6B6B; }
.lieu-etat-sans_objet .lieu-ico{ color:var(--muted); }
.lieu-critere-note{ margin:8px 0 0; color:var(--muted); font-size:0.92rem; line-height:1.6; overflow-wrap:anywhere; }

/* Infos pratiques */
.lieu-dl{ display:grid; grid-template-columns:max-content 1fr; gap:8px 18px; margin:0 0 18px; }
.lieu-dl dt{ color:var(--muted); font-size:0.88rem; }
.lieu-dl dd{ margin:0; overflow-wrap:anywhere; }
.lieu-dl a{ color:var(--life-1); text-decoration:underline; text-underline-offset:3px; }
.lieu-liens{ margin:0 0 8px; }
.lieu-note-externe{ margin:0; color:var(--muted); font-size:0.8rem; line-height:1.5; }

/* « À savoir » : les limites de l'évaluation */
.lieu-limites{ padding:18px 20px; border:1px dashed rgba(255,255,255,0.18); border-radius:12px; }
.lieu-limites h2{ font-size:1.05rem; margin-bottom:8px; }
.lieu-limites p{ margin:0; color:var(--muted); font-size:0.92rem; line-height:1.65; }

@media (max-width:560px){
  .lieu-verdict{ padding:18px 16px; }
  .lieu-niveau{ font-size:1.2rem; }
  .lieu-dl{ grid-template-columns:1fr; gap:2px; }
  .lieu-dl dd{ margin-bottom:10px; }
}
@media print{ .lieu-liens, .lieu-note-externe{ display:none; } }