/* Tableau sans défilement horizontal */
#nf-blog .nfb-table-wrap {
width:100%;
max-width:100%;
overflow:visible;
}
#nf-blog .nfb-table {
width:100%;
min-width:0;
max-width:100%;
table-layout:fixed;
}
#nf-blog .nfb-table th,
#nf-blog .nfb-table td {
padding:14px 12px;
word-break:normal;
overflow-wrap:normal;
hyphens:none;
}
#nf-blog .nfb-table th:first-child {
width:21%;
min-width:0;
white-space:normal;
}
/* Retire la consigne de défilement */
#nf-blog .nfb-table-wrap + .nfb-note {
display:none;
}
/* Présentation lisible sur mobile */
@media (max-width:700px) {
#nf-blog .nfb-table-wrap {
border:0;
}
#nf-blog .nfb-table,
#nf-blog .nfb-table tbody {
display:block;
width:100%;
}
#nf-blog .nfb-table thead {
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip-path:inset(50%);
white-space:nowrap;
}
#nf-blog .nfb-table tbody tr {
display:block;
margin-bottom:16px;
border:1px solid var(--nfb-line);
border-radius:10px;
background:#fff;
}
#nf-blog .nfb-table tbody th:first-child {
display:block;
width:100%;
padding:14px 16px;
border:0;
border-radius:9px 9px 0 0;
background:var(--nfb-ink);
color:#fff;
}
#nf-blog .nfb-table tbody td {
display:grid;
grid-template-columns:88px minmax(0,1fr);
gap:12px;
width:100%;
padding:14px 16px;
border:0;
border-top:1px solid var(--nfb-line);
}
#nf-blog .nfb-table tbody td::before {
color:var(--nfb-ink);
font-weight:700;
}
#nf-blog .nfb-table tbody td:nth-child(2)::before {
content:"Aluminium";
}
#nf-blog .nfb-table tbody td:nth-child(3)::before {
content:"Acier";
}
#nf-blog .nfb-table tbody td:nth-child(4)::before {
content:"Bois";
}
}
