/* Multicraft Table Pricing — front-end pricing table card.
   Matches the theme's .rail buy-box (border, radius, shadow, padding). Falls back
   to literal values where the theme CSS variables aren't defined. */

.mtp-table-card {
    margin-top: 16px;
    border: 1px solid var(--line, #e2e8f0);
    border-radius: var(--radius-lg, 14px);
    padding: 22px;
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(15, 23, 42, 0.06));
    background: var(--white, #fff);
}

.mtp-table-title {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--faint, #94a3b8);
    margin-bottom: 12px;
}

.mtp-price-table {
    width: 100%;
    border-collapse: collapse;
}

.mtp-price-table thead th {
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mute, #64748b);
    padding: 0 0 8px;
    border-bottom: 1px solid var(--line, #e2e8f0);
}

.mtp-price-table thead th:last-child,
.mtp-price-table td.mtp-price {
    text-align: right;
}

.mtp-price-table tbody tr {
    border-bottom: 1px solid var(--line-2, #f1f5f9);
}

.mtp-price-table tbody tr:last-child {
    border-bottom: 0;
}

.mtp-price-table td {
    padding: 10px 0;
    font-size: 14px;
    color: var(--ink, #1e293b);
}

.mtp-price-table td.mtp-qty {
    color: var(--body, #475569);
    font-weight: 500;
}

.mtp-price-table td.mtp-price {
    font-weight: 700;
}

/* Active row — the tier matching the currently selected quantity. */
.mtp-price-table tr.mtp-active {
    background: var(--bg, #f8fafc);
}

.mtp-price-table tr.mtp-active td {
    color: var(--ink, #1e293b);
    padding-right: 15px;
}

.mtp-price-table tr.mtp-active td.mtp-qty {
    box-shadow: inset 3px 0 0 var(--amber, #f59e0b);
    padding-left: 15px;
}

/* When a volume pricing table is shown, drop the buy-box sticky positioning so the
   sticky rail doesn't overlap the table beneath it. */
body.mtp-has-table .pdp-b .rail {
    position: static;
}

/* ---- Admin: repeatable tier tables ---- */

.mtp-tier-table {
    max-width: 640px;
    margin-bottom: 8px;
}

.mtp-tier-table td,
.mtp-tier-table th {
    padding: 6px 8px;
}

.mtp-tier-table input[type="number"] {
    width: 100px;
}

.mtp-remove-row,
.mtp-remove-rule {
    color: #b32d2e;
}

/* Collapsible category rules on the global page. */
.mtp-rule .mtp-toggle {
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
}

.mtp-rule .mtp-toggle-icon {
    display: inline-block;
    transition: transform 0.15s ease;
}

.mtp-rule.mtp-collapsed .mtp-toggle-icon {
    transform: rotate(-90deg);
}

.mtp-rule.mtp-collapsed .mtp-rule-body {
    display: none;
}