Sandales Plates Femme | Bride Réglable, Confort Optimal | Style Moderne

Beschreibung

/* ===== Card ===== */
.hm-size-chart.sophie-sandals.uk.noscroll{
–accent:#e11d48; –border:#e5e7eb; –head:#0f172a; –bg:#ffffff;
font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
max-width: 960px; /* keeps everything in one view on desktop */
margin: 24px auto;
background: var(–bg);
border: 2px solid var(–border);
border-radius: 16px;
overflow: visible !important; /* override theme scroll */
box-shadow: 0 10px 28px rgba(2,6,23,.08);
}
.hm-size-chart .hm-head{
background: var(–head); color:#e5e7eb;
padding: 12px 16px; border-bottom: 4px solid var(–accent);
}
.hm-size-chart .hm-head h2{ margin:0; font-size:1.04rem; font-weight:700; }
.hm-size-chart .hm-head p{ margin:6px 0 0; font-size:.9rem; opacity:.95; }

/* ===== Table Container (kill any overflow) ===== */
.hm-size-chart .sc-wrap{
border: 1px solid var(–border); border-radius:14px; margin:14px; background:#fff;
overflow: visible !important; /* hard override any global overflow-x:auto */
}

/* Prevent theme overlays */
.hm-size-chart td::before, .hm-size-chart th::before{ content:none !important; display:none !important; }

/* ===== Table (no min-width; headers can wrap; numbers stay inline) ===== */
.hm-size-chart .sc-table{
width: 100% !important;
border-collapse: separate; border-spacing: 0; table-layout: fixed;
line-height: 1.4; min-width: 0 !important; max-width: 100% !important;
}
.hm-size-chart th, .hm-size-chart td{
display: table-cell !important;
padding: 9px 8px; border-top: 1px solid var(–border);
color: #0f172a; vertical-align: middle; text-align: center;
font-size: .92rem;
}
.hm-size-chart thead th{
border-top:none; font-weight:700; background:#111827; color:#fff;
white-space: normal; /* allow headers to wrap if needed */
}
.hm-size-chart td.num{ white-space: nowrap; font-variant-numeric: tabular-nums; } /* numbers never break */
.hm-size-chart tbody tr.alt td{ background:#f7f8fa; }

/* Balanced columns (sum=100%) */
.hm-size-chart col.c-eu{ width:18%; }
.hm-size-chart col.c-uk{ width:18%; }
.hm-size-chart col.c-cm{ width:32%; }
.hm-size-chart col.c-ball{ width:32%; }

/* ===== Text blocks ===== */
.hm-size-chart .hm-instructions, .hm-size-chart .hm-guidelines{
border-top:1px solid var(–border); padding: 0 16px 14px 16px; margin: 0 14px 14px; color:#111827;
}
.hm-size-chart .hm-instructions h3, .hm-size-chart .hm-guidelines h3{
margin: 10px 0 6px 0; font-size:.96rem; color:#0f172a;
}
.hm-size-chart .hm-instructions ol, .hm-size-chart .hm-guidelines ul{
margin:0; padding-left:18px; font-size:.9rem; line-height:1.5;
}
.hm-size-chart .mini-grid{
display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 16px; margin:6px 0 0 0; font-size:.88rem;
}

/* Small screens: still no scroller—compact paddings/fonts */
@media (max-width:520px){
.hm-size-chart.sophie-sandals.uk.noscroll{ max-width:100%; }
.hm-size-chart th, .hm-size-chart td{ padding:7px 6px; font-size:.88rem; }
.hm-size-chart .mini-grid{ grid-template-columns:1fr; }
}