/* public/app/css/features-compare-mq.css
 * Synopsis: Responsive tableau comparatif.
 * Objectif: Empiler les colonnes sous 640px.
 */

@media (max-width: 640px) {
    .feat-compare thead {
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
    }

    .feat-compare,
    .feat-compare tbody,
    .feat-compare tr,
    .feat-compare th,
    .feat-compare td {
        display: block;
        width: 100%;
    }

    .feat-compare tbody th {
        border-bottom: 0;
        max-width: none;
        padding-bottom: .2rem;
    }

    .feat-compare td {
        border-top: 0;
        padding-top: .2rem;
    }
}