/* SDI Tiered Pricing — Frontend */
:root {
    --sdi-accent:    #e74c3c;
    --sdi-active-bg: #e8f5e9;
    --sdi-border:    #e0e0e0;
    --sdi-head-bg:   #f5f5f5;
    --sdi-radius:    6px;
}

.sdi-tp-wrap { margin: 16px 0 20px; font-size: 14px; }
.sdi-tp-title { font-size: 15px; font-weight: 700; margin-bottom: 10px; }
.sdi-tp-hint { font-size: 12px; color: #999; margin: 6px 0 0; }

/* TABLE */
.sdi-tp-table { width: 100%; border-collapse: collapse; }
.sdi-tp-table th, .sdi-tp-table td { padding: 9px 12px; border: 1px solid var(--sdi-border); text-align: left; }
.sdi-tp-table thead th { background: var(--sdi-head-bg); font-weight: 600; font-size: 13px; }

/* CLICKABLE ROWS */
.sdi-tp-row { cursor: pointer; transition: background .12s; }
.sdi-tp-row:hover { background: #fff8e1 !important; }
.sdi-tp-row.sdi-active { background: var(--sdi-active-bg) !important; font-weight: 600; }

/* HORIZONTAL */
.sdi-tp-horizontal th { background: var(--sdi-head-bg); font-weight: 600; white-space: nowrap; }

/* BLOCKS */
.sdi-tp-blocks { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 6px; }
.sdi-tp-block {
    border: 2px solid var(--sdi-border); border-radius: var(--sdi-radius);
    padding: 12px 16px; text-align: center; min-width: 90px;
    transition: border-color .15s, transform .12s;
}
.sdi-tp-block:hover { border-color: var(--sdi-accent); transform: translateY(-2px); }
.sdi-tp-block.sdi-active { border-color: var(--sdi-accent); background: var(--sdi-active-bg); }
.sdi-tp-block-qty { font-weight: 700; font-size: 15px; }
.sdi-tp-block-qty span { display: block; font-size: 11px; font-weight: 400; color: #777; }
.sdi-tp-block-pct {
    display: inline-block; margin: 6px 0; padding: 2px 8px;
    border-radius: 20px; color: #fff; font-weight: 700; font-size: 13px;
    background: var(--sdi-accent);
}
.sdi-base-pct { background: #aaa; }
.sdi-tp-block-price { font-size: 14px; font-weight: 600; }
.sdi-tp-block-saving { font-size: 12px; margin-top: 4px; }

/* DROPDOWN */
.sdi-tp-dropdown-wrap { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.sdi-tp-dropdown { border: 1px solid var(--sdi-border); border-radius: 4px; padding: 6px 10px; font-size: 14px; min-width: 240px; }

/* PLAIN */
.sdi-tp-plain { list-style: none; padding: 0; margin: 0 0 10px; }
.sdi-tp-plain li { padding: 6px 10px; border-bottom: 1px solid var(--sdi-border); cursor: pointer; transition: background .12s; }
.sdi-tp-plain li:hover { background: #fff8e1; }
.sdi-tp-plain li.sdi-active { background: var(--sdi-active-bg); font-weight: 600; }

/* GUEST */
.sdi-tp-login-notice { background: #fff3cd; border: 1px solid #ffc107; border-radius: 4px; padding: 10px 14px; font-size: 14px; }

/* Variable product note */
.sdi-tp-variable-note {
    font-size: 12px;
    color: #888;
    font-style: italic;
    margin: 0 0 8px;
}