/*
 * blocks/compare-table.css — comparatif nous vs. banque classique.
 * Complète guest.css, ne redéfinit aucune primitive existante.
 */

.compare-section { background: #fff; padding-block: var(--s24); }
.compare-table__wrap { max-width: 800px; margin-inline: auto; }
.compare-table { display: grid; }
.compare-table__row { display: grid; grid-template-columns: 1fr 140px 160px; border-bottom: 1px solid #e2e8f0; }
.compare-table__row--head { font-weight: 600; font-size: 1rem; }
.compare-table__cell { padding: var(--s4) var(--s6); display: flex; align-items: center; justify-content: center; }
.compare-table__cell--label { justify-content: flex-start; font-size: .9rem; color: #64748b; }
.compare-table__row--head .compare-table__cell--label { color: var(--ink); }
.compare-table__cell--us { background: rgba(58,166,142,.06); border-left: 4px solid var(--teal); }
.compare-table__cell i { width: 18px; height: 18px; }
.compare-table__cell--us i { color: var(--teal); }
.compare-table__cell:not(.compare-table__cell--us):not(.compare-table__cell--label) i { color: #cbd5e1; }
.compare-table__minilabel { display: none; }

@media (max-width: 768px) {
	.compare-table__wrap { overflow-x: visible; }
	.compare-table__row--head { display: none; }
	.compare-table__row { grid-template-columns: 1fr; border-bottom: 1px solid #e2e8f0; padding-block: var(--s3); }
	.compare-table__cell--label { padding-bottom: var(--s1); font-weight: 600; color: var(--ink); }
	.compare-table__cell:not(.compare-table__cell--label) { justify-content: flex-start; gap: var(--s2); padding: var(--s1) var(--s6); border-left: none; }
	.compare-table__minilabel { display: inline-block; font-size: .78rem; color: #64748b; min-width: 160px; }
}