/* Pattern: Tableau comparatif */

.mau-compare-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--wp--preset--font-size--base);
  margin: var(--wp--preset--spacing--32) 0;
  border: 1px solid var(--wp--preset--color--border-subtle);
  border-radius: var(--wp--custom--radius--md);
  overflow: hidden;
}

.mau-compare-table__row {
  display: grid;
  border-bottom: 1px solid var(--wp--preset--color--border-subtle);
}

.mau-compare-table__row:last-child {
  border-bottom: none;
}

/* Lignes paires striées */
.mau-compare-table__row:nth-child(even) {
  background: var(--wp--preset--color--paper-soft);
}

/* En-tête sombre (3 colonnes : Critère / Col A / Col B) */
.mau-compare-table__row--header {
  background: var(--wp--preset--color--ink);
  color: var(--wp--preset--color--paper);
}

.mau-compare-table__row--header .mau-compare-table__cell {
  font-weight: 600;
  font-size: 14px;
  padding: 18px var(--wp--preset--spacing--16);
  color: var(--wp--preset--color--paper);
}

.mau-compare-table__row--header .mau-compare-table__cell:first-child {
  background: var(--wp--preset--color--ink-soft);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.7);
}

/* 3 colonnes par défaut (DRIS/TOU) */
.mau-compare-table--3col .mau-compare-table__row {
  grid-template-columns: 1fr 1fr 1fr;
}

.mau-compare-table__cell {
  padding: var(--wp--preset--spacing--16);
  font-size: 14px;
  line-height: 1.5;
  color: var(--wp--preset--color--ink-soft);
  vertical-align: middle;
}

.mau-compare-table__cell--label {
  font-weight: 600;
  color: var(--wp--preset--color--ink);
  font-size: 13px;
  background: var(--wp--preset--color--paper);
}

/* Coche ✓ succès / ✗ alerte */
.mau-compare-table__cell [data-check="yes"] { color: var(--wp--preset--color--success); }
.mau-compare-table__cell [data-check="no"]  { color: #D85A30; }

@media (max-width: 767px) {
  /* Maquette mobile : en-tête masqué, lignes empilées 1 colonne */
  .mau-compare-table__row--header {
    display: none;
  }
  .mau-compare-table__row,
  .mau-compare-table--3col .mau-compare-table__row {
    grid-template-columns: 1fr;
    border-bottom: none;
    padding-bottom: var(--wp--preset--spacing--12);
    margin-bottom: var(--wp--preset--spacing--12);
    border-bottom: 2px solid var(--wp--preset--color--border-subtle);
  }
  .mau-compare-table__cell {
    padding: var(--wp--preset--spacing--8) var(--wp--preset--spacing--12);
  }
  .mau-compare-table__cell--label {
    background: var(--wp--preset--color--paper-soft);
    font-weight: 600;
    border-radius: var(--wp--custom--radius--sm);
  }
}

@media (min-width: 768px) and (max-width: 980px) {
  .mau-compare-table--3col .mau-compare-table__row {
    grid-template-columns: 100px 1fr 1fr;
  }
}