/* ===== Style plain tables inside Elementor HTML or Text widgets ===== */
.elementor .elementor-widget-html table,
.elementor .elementor-widget-text-editor table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e5e7eb;
    font-size: clamp(14px, 1.6vw, 16px);
    margin: 1rem 0;
    background: #fff;
}

.elementor .elementor-widget-html thead th,
.elementor .elementor-widget-text-editor thead th {
    background: #f8fafc;
    color: #111827;
    text-align: left;
    font-weight: 700;
    border-bottom: 1px solid #e5e7eb;
}

.elementor .elementor-widget-html th,
.elementor .elementor-widget-html td,
.elementor .elementor-widget-text-editor th,
.elementor .elementor-widget-text-editor td {
    padding: .75rem 1rem;
    border-bottom: 1px solid #f1f5f9;
}

.elementor .elementor-widget-html tbody tr:nth-child(even) td,
.elementor .elementor-widget-text-editor tbody tr:nth-child(even) td {
    background: #fcfcfd;
}

/* Optional: right-align numeric cells when marked by JS */
.elementor .elementor-widget-html td[data-type="number"],
.elementor .elementor-widget-text-editor td[data-type="number"] {
    text-align: right;
}

/* ===== Mobile: turn each row into a "card" of label | value pairs ===== */
@media (max-width: 700px) {
    .elementor .elementor-widget-html thead,
    .elementor .elementor-widget-text-editor thead {
        display: none;
    }
    .elementor .elementor-widget-html tbody tr,
    .elementor .elementor-widget-text-editor tbody tr {
        display: block;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        margin: 0 0 12px 0;
        overflow: hidden;
        background: #fff;
    }
    .elementor .elementor-widget-html tbody td,
    .elementor .elementor-widget-text-editor tbody td {
        display: grid;
        grid-template-columns: 1fr 1fr; /* label | value */
        gap: .5rem;
        border-bottom: 1px solid #f1f5f9;
        padding: .75rem 1rem;
    }
    .elementor .elementor-widget-html tbody td:last-child,
    .elementor .elementor-widget-text-editor tbody td:last-child {
        border-bottom: 0;
    }
    .elementor .elementor-widget-html tbody td::before,
    .elementor .elementor-widget-text-editor tbody td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #111827;
    }
}