/* ===================================================
   Layout — Content (texte simple)
   Style des tableaux insérés dans le champ wysiwyg "contenu"
   (ex : tableau comparatif de produits). Pas de layout ACF
   dédié "tableau" dans le builder — le wysiwyg TinyMCE permet
   d'insérer un <table> HTML natif, stylé ici.
   =================================================== */
.builder.content table {
    position: relative;
    display: table;
    width: 100%;
    margin: 24px 0;
    border: 0px solid var(--color-navy);
    border-collapse: collapse !important;
    border-radius: var(--border-radius-sm);
    overflow: hidden;
}

.builder.content table::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid var(--color-navy);
    border-radius: var(--border-radius-sm);
    pointer-events: none;
    z-index: 10;
}

.builder.content table thead {
    display: table-header-group;
}

.builder.content table tbody {
    display: table-row-group;
}

.builder.content table tr {
    display: table-row;
}

.builder.content table th,
.builder.content table td {
    display: table-cell;
    text-align: left;
    padding: 16px 20px;
    vertical-align: top;
    font-size: 16px;
    line-height: 24px;
}

.builder.content table th {
    background-color: var(--color-navy);
    color: var(--white);
    font-family: var(--main-font);
    font-weight: var(--semibold);
}

.builder.content table tbody tr:nth-child(even) td {
    background-color: var(--color-light-grey);
}

.builder.content table tbody tr:last-child td {
    border-bottom: none;
}