/* ═══════════════════════════════════════════════════════════════
   Product Data Table — v2.0.0
   RTL-first · UTF-8 · mobile-first · no inline styles
═══════════════════════════════════════════════════════════════ */

/* ── Wrapper ─────────────────────────────────────────────────── */
.product-data-table {
    margin       : 24px 0;
    padding      : 0;
    direction    : rtl;
    unicode-bidi : embed;
    font-family  : inherit;
    border       : none;
}

/* ── Table shell ─────────────────────────────────────────────── */
.pdt-table {
    width           : 100%;
    border-collapse : collapse;
    table-layout    : fixed;
}

/* ── Row dividers ────────────────────────────────────────────── */
.pdt-table tr {
    border-bottom : 1px solid #e8e8e8;
}

.pdt-table tr:last-child {
    border-bottom : none;
}

/* ── Label cell (right column — shaded) ─────────────────────── */
.pdt-label {
    width          : 38%;
    background     : #f5f5f0;
    padding        : 16px 20px;
    font-size      : .9rem;
    font-weight    : 700;
    color          : #1a1a1a;
    text-align     : right;
    vertical-align : middle;
    unicode-bidi   : plaintext;
}

/* ── Value cell (left column — white) ───────────────────────── */
.pdt-value {
    background     : #ffffff;
    padding        : 16px 20px;
    font-size      : .9rem;
    font-weight    : 400;
    color          : #333333;
    text-align     : right;
    vertical-align : middle;
    unicode-bidi   : plaintext;
    word-break     : break-word;
}

/* ── Highlighted value (green text) ─────────────────────────── */
.pdt-value.pdt-highlight {
    color       : #4a8c3f;
    font-weight : 600;
}

/* ── LTR override for non-RTL sites ─────────────────────────── */
html:not([dir="rtl"]) .product-data-table {
    direction : ltr;
}

html:not([dir="rtl"]) .pdt-label,
html:not([dir="rtl"]) .pdt-value {
    text-align : left;
}

/* ── Responsive: stack label above value on small screens ────── */

/*
@media (max-width: 600px) {
    .pdt-table,
    .pdt-table tbody,
    .pdt-table tr {
        display : block;
        width   : 100%;
    }

    .pdt-label {
        display      : block;
        width        : 100%;
        padding      : 10px 16px 4px;
        font-size    : .8rem;
        border-bottom: none;
    }

    .pdt-value {
        display   : block;
        width     : 100%;
        padding   : 4px 16px 12px;
        font-size : .88rem;
    }
}
*/
@media(max-width:600px){
    .pdt-label{
        width:40%;
        font-size:.8rem;
    }

    .pdt-value{
        width:60%;
        font-size:.85rem;
    }
}