/* Entrees en matiere des trois formats de classement (point s du debrief).
   Rien n'est redessine : le podium et la carte viennent du kit partenaires
   avec leur propre habillage. Cette feuille ne pose que l'espacement du
   bloc et le tableau comparatif, que le kit ne fournit pas (il ne livre que
   la cellule d'action, format A5). */

.lmi-tete-format {
    margin: 0 0 var(--eldorado-espace-section, 32px);
}

/* --- Meilleur X : la justification sous la carte --- */

.lmi-tete-raisons {
    margin: 16px 0 0;
    padding: 0 0 0 1.25em;
}

.lmi-tete-raisons li {
    margin: 4px 0;
    color: var(--eldorado-texte, inherit);
}

/* --- Comparatif : le tableau ---
   Le defilement horizontal est porte par le <table> lui-meme, comme dans
   commun.css : c'est l'element qui porte l'overflow qu'il faut tester, pas
   son parent (piege mesure le 07/11). */

.lmi-tableau-comparatif {
    margin: 0;
}

.lmi-tableau-comparatif table {
    display: block;
    overflow-x: auto;
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9375rem;
}

.lmi-tableau-comparatif caption {
    margin-bottom: 8px;
    color: var(--eldorado-texte-doux, inherit);
    font-size: 0.875rem;
    text-align: left;
}

.lmi-tableau-comparatif :is(th, td) {
    padding: 12px;
    border-bottom: 1px solid var(--eldorado-bordure, rgba(0, 0, 0, 0.12));
    text-align: left;
    vertical-align: top;
}

.lmi-tableau-comparatif thead th {
    background-color: color-mix(in srgb, var(--eldorado-texte, #0e1b2e) 6%, var(--eldorado-fond, #fff));
    color: var(--eldorado-texte, inherit);
    font-weight: 600;
    white-space: nowrap;
}

.lmi-tableau-comparatif tbody th {
    font-weight: 600;
}

.lmi-tableau-marque {
    display: flex;
    align-items: center;
    gap: 8px;
}

.lmi-tableau-marque img {
    flex: none;
    width: auto;
    max-height: 32px;
}

.lmi-tableau-action {
    white-space: nowrap;
}