/* ====================================================
   WC Tiered Pricing — 17 Professional Templates
   Compact, Clean, Fully Responsive
   ==================================================== */

/* ── RESET ── */
.wctp-widget,
.wctp-widget *,
.wctp-widget *::before,
.wctp-widget *::after {
    box-sizing: border-box !important;
    margin: 0;
    line-height: 1.4;
}
.wctp-widget {
    margin: 14px 0 !important;
    padding: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}
.wctp-cards-container {
    max-width: 100% !important;
    width: 100% !important;
}


/* ════════════════════════════════════════════════════════
   CARDS ROW
   ════════════════════════════════════════════════════════ */
.wctp-cards-row {
    display: flex !important;
    gap: 8px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    padding: 4px 0 !important;
    margin: 0 !important;
}


/* ════════════════════════════════════════════════════════
   BASE CARD — Compact by default
   ════════════════════════════════════════════════════════ */
.wctp-card {
    position: relative !important;
    background: var(--wt-card-bg, #fff) !important;
    border: 2px solid var(--wt-card-border, #e0e0e0) !important;
    border-radius: var(--wt-radius, 10px) !important;
    padding: 14px 10px 10px !important;
    text-align: center !important;
    cursor: pointer !important;
    user-select: none !important;
    transition: all .2s ease !important;
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: 160px !important;
}
.wctp-card:hover {
    border-color: var(--wt-card-hover, #81c784) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.06) !important;
}
.wctp-card.wctp-active {
    border-color: var(--wt-card-active-border, #2e7d32) !important;
    background: var(--wt-card-active-bg, #e8f5e9) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.07) !important;
}

/* Badge */
.wctp-badge {
    position: absolute !important;
    top: -9px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: var(--wt-badge-bg, #2e7d32) !important;
    color: var(--wt-badge-text, #fff) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 1px 8px !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    z-index: 2 !important;
    line-height: 1.5 !important;
}
.wctp-badge-hot { background: var(--wt-badge-hot-bg, #e53935) !important; color: var(--wt-badge-hot-text, #fff) !important; }
.wctp-badge-fire { font-size: 10px !important; }

/* Checkmark */
.wctp-check {
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: var(--wt-check-bg, #2e7d32) !important;
    color: var(--wt-check-color, #fff) !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
}
[dir="rtl"] .wctp-check { right: auto !important; left: 5px !important; }
.wctp-card.wctp-active .wctp-check { display: flex !important; }

/* Card content */
.wctp-card-total-price {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: var(--wt-price, #212121) !important;
    margin: 4px 0 1px !important;
    line-height: 1.2 !important;
    word-break: break-word !important;
}
.wctp-card.wctp-active .wctp-card-total-price { color: var(--wt-price-active, #1b5e20) !important; }
.wctp-card-original {
    font-size: 10px !important;
    color: var(--wt-orig, #9e9e9e) !important;
    text-decoration: line-through !important;
    margin-bottom: 2px !important;
    line-height: 1.3 !important;
}
.wctp-card-pieces {
    font-size: 11px !important;
    color: var(--wt-piece, #616161) !important;
    font-weight: 500 !important;
    margin: 1px 0 !important;
    line-height: 1.3 !important;
}
.wctp-card-save {
    font-size: 10px !important;
    color: var(--wt-save, #c62828) !important;
    font-weight: 700 !important;
    margin-top: 3px !important;
    line-height: 1.3 !important;
}


/* ════════════════════════════════════════════════════════
   SUMMARY BAR — Compact
   ════════════════════════════════════════════════════════ */
.wctp-summary-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--wt-sum-bg, #f5f5f5) !important;
    border: 1px solid var(--wt-sum-border, #e0e0e0) !important;
    border-radius: var(--wt-radius, 10px) !important;
    margin-top: 8px !important;
    overflow: hidden !important;
}
.wctp-summary-col {
    flex: 1 !important;
    text-align: center !important;
    padding: 8px 6px !important;
}
.wctp-summary-col:not(:last-child) {
    border-right: 1px solid var(--wt-sum-border, #e0e0e0) !important;
}
[dir="rtl"] .wctp-summary-col:not(:last-child) {
    border-right: none !important;
    border-left: 1px solid var(--wt-sum-border, #e0e0e0) !important;
}
.wctp-summary-label {
    font-size: 8px !important;
    font-weight: 700 !important;
    color: var(--wt-sum-label, #9e9e9e) !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    margin-bottom: 1px !important;
    line-height: 1.3 !important;
}
.wctp-summary-value {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: var(--wt-sum-value, #212121) !important;
    word-break: break-word !important;
    line-height: 1.3 !important;
}
.wctp-sum-save { color: var(--wt-sum-save, #c62828) !important; }
.wctp-sum-total { color: var(--wt-sum-total, #1b5e20) !important; }
.wctp-inline-price { font-weight: 700 !important; }


/* ════════════════════════════════════════════════════════
   STYLE 1: CLASSIC GREEN
   ════════════════════════════════════════════════════════ */
.wctp-style-classic .wctp-card { border-color: #e0e0e0 !important; background: #fff !important; }
.wctp-style-classic .wctp-card:hover { border-color: #a5d6a7 !important; }
.wctp-style-classic .wctp-card.wctp-active { border-color: #2e7d32 !important; background: #e8f5e9 !important; }
.wctp-style-classic .wctp-badge { background: #2e7d32 !important; }
.wctp-style-classic .wctp-badge-hot { background: #e53935 !important; }
.wctp-style-classic .wctp-card-total-price { color: #212121 !important; }
.wctp-style-classic .wctp-card.wctp-active .wctp-card-total-price { color: #1b5e20 !important; }
.wctp-style-classic .wctp-card-save { color: #c62828 !important; }
.wctp-style-classic .wctp-check { background: #2e7d32 !important; }


/* ════════════════════════════════════════════════════════
   STYLE 2: MODERN GRADIENT
   ════════════════════════════════════════════════════════ */
.wctp-style-modern .wctp-card {
    border: none !important;
    background: linear-gradient(145deg, #ffffff 0%, #f8f9ff 100%) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
    border-radius: 14px !important;
}
.wctp-style-modern .wctp-card:hover { box-shadow: 0 4px 16px rgba(99,102,241,.12) !important; transform: translateY(-2px) !important; }
.wctp-style-modern .wctp-card.wctp-active { background: linear-gradient(145deg, #eef2ff 0%, #e0e7ff 100%) !important; box-shadow: 0 4px 16px rgba(99,102,241,.18) !important; }
.wctp-style-modern .wctp-badge { background: linear-gradient(135deg, #6366f1, #8b5cf6) !important; border-radius: 16px !important; }
.wctp-style-modern .wctp-badge-hot { background: linear-gradient(135deg, #f43f5e, #e11d48) !important; }
.wctp-style-modern .wctp-card-total-price { color: #1e1b4b !important; }
.wctp-style-modern .wctp-card.wctp-active .wctp-card-total-price { color: #4338ca !important; }
.wctp-style-modern .wctp-card-save { color: #7c3aed !important; }
.wctp-style-modern .wctp-check { background: linear-gradient(135deg, #6366f1, #8b5cf6) !important; }
.wctp-style-modern .wctp-card-original { color: #a5b4fc !important; }
.wctp-style-modern .wctp-summary-bar { background: linear-gradient(145deg, #f8f9ff, #eef2ff) !important; border-color: #c7d2fe !important; }
.wctp-style-modern .wctp-sum-save { color: #7c3aed !important; }
.wctp-style-modern .wctp-sum-total { color: #4338ca !important; }


/* ════════════════════════════════════════════════════════
   STYLE 3: MINIMAL CLEAN
   ════════════════════════════════════════════════════════ */
.wctp-style-minimal .wctp-card { border: 1px solid #f0f0f0 !important; border-radius: 8px !important; background: #fff !important; padding: 12px 8px 8px !important; }
.wctp-style-minimal .wctp-card:hover { border-color: #d1d5db !important; box-shadow: none !important; transform: none !important; }
.wctp-style-minimal .wctp-card.wctp-active { border-color: #111 !important; background: #fafafa !important; box-shadow: none !important; transform: none !important; }
.wctp-style-minimal .wctp-badge { background: #111 !important; border-radius: 4px !important; font-size: 9px !important; padding: 1px 6px !important; }
.wctp-style-minimal .wctp-badge-hot { background: #dc2626 !important; }
.wctp-style-minimal .wctp-card-total-price { color: #111 !important; font-weight: 700 !important; }
.wctp-style-minimal .wctp-card.wctp-active .wctp-card-total-price { color: #000 !important; }
.wctp-style-minimal .wctp-card-original { color: #d1d5db !important; }
.wctp-style-minimal .wctp-card-pieces { color: #6b7280 !important; }
.wctp-style-minimal .wctp-card-save { color: #059669 !important; font-weight: 600 !important; }
.wctp-style-minimal .wctp-check { background: #111 !important; width: 16px !important; height: 16px !important; }
.wctp-style-minimal .wctp-summary-bar { background: #fafafa !important; border-color: #f0f0f0 !important; border-radius: 8px !important; }
.wctp-style-minimal .wctp-sum-save { color: #059669 !important; }
.wctp-style-minimal .wctp-sum-total { color: #111 !important; }


/* ════════════════════════════════════════════════════════
   STYLE 4: DARK PREMIUM
   ════════════════════════════════════════════════════════ */
.wctp-style-dark .wctp-cards-container { background: #0f172a !important; border-radius: 12px !important; padding: 12px 10px !important; }
.wctp-style-dark .wctp-card { background: #1e293b !important; border: 1px solid #334155 !important; border-radius: 10px !important; }
.wctp-style-dark .wctp-card:hover { border-color: #6366f1 !important; box-shadow: 0 3px 12px rgba(99,102,241,.15) !important; }
.wctp-style-dark .wctp-card.wctp-active { background: #1e1b4b !important; border-color: #818cf8 !important; box-shadow: 0 3px 16px rgba(99,102,241,.25) !important; }
.wctp-style-dark .wctp-badge { background: #6366f1 !important; }
.wctp-style-dark .wctp-badge-hot { background: #ef4444 !important; }
.wctp-style-dark .wctp-card-total-price { color: #e2e8f0 !important; }
.wctp-style-dark .wctp-card.wctp-active .wctp-card-total-price { color: #a5b4fc !important; }
.wctp-style-dark .wctp-card-original { color: #475569 !important; }
.wctp-style-dark .wctp-card-pieces { color: #94a3b8 !important; }
.wctp-style-dark .wctp-card-save { color: #34d399 !important; }
.wctp-style-dark .wctp-check { background: #818cf8 !important; }
.wctp-style-dark .wctp-summary-bar { background: #1e293b !important; border-color: #334155 !important; }
.wctp-style-dark .wctp-summary-label { color: #64748b !important; }
.wctp-style-dark .wctp-summary-value { color: #e2e8f0 !important; }
.wctp-style-dark .wctp-sum-save { color: #34d399 !important; }
.wctp-style-dark .wctp-sum-total { color: #a5b4fc !important; }
.wctp-style-dark .wctp-summary-col:not(:last-child) { border-color: #334155 !important; }


/* ════════════════════════════════════════════════════════
   STYLE 5: PILL COMPACT
   ════════════════════════════════════════════════════════ */
.wctp-style-pill .wctp-cards-row { gap: 6px !important; }
.wctp-style-pill .wctp-card {
    border-radius: 40px !important;
    padding: 8px 12px !important;
    min-width: 0 !important;
    border: 2px solid #e5e7eb !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1px !important;
}
.wctp-style-pill .wctp-card:hover { border-color: #3b82f6 !important; background: #eff6ff !important; }
.wctp-style-pill .wctp-card.wctp-active { border-color: #2563eb !important; background: #dbeafe !important; }
.wctp-style-pill .wctp-badge { position: static !important; transform: none !important; margin-bottom: 1px !important; border-radius: 16px !important; font-size: 9px !important; padding: 1px 7px !important; background: #2563eb !important; }
.wctp-style-pill .wctp-badge-hot { background: #dc2626 !important; }
.wctp-style-pill .wctp-card-total-price { font-size: 15px !important; margin: 1px 0 0 !important; }
.wctp-style-pill .wctp-card-original { font-size: 9px !important; margin: 0 !important; }
.wctp-style-pill .wctp-card-pieces { font-size: 9px !important; margin: 0 !important; }
.wctp-style-pill .wctp-card-save { font-size: 9px !important; margin-top: 1px !important; color: #dc2626 !important; }
.wctp-style-pill .wctp-check { top: 3px !important; right: 3px !important; width: 14px !important; height: 14px !important; background: #2563eb !important; }
.wctp-style-pill .wctp-card.wctp-active .wctp-card-total-price { color: #1d4ed8 !important; }
.wctp-style-pill .wctp-summary-bar { border-radius: 40px !important; margin-top: 6px !important; }
.wctp-style-pill .wctp-summary-value { font-size: 13px !important; }
.wctp-style-pill .wctp-sum-save { color: #dc2626 !important; }
.wctp-style-pill .wctp-sum-total { color: #1d4ed8 !important; }


/* ════════════════════════════════════════════════════════
   STYLE 6: ELEVATED SHADOW
   ════════════════════════════════════════════════════════ */
.wctp-style-elevated .wctp-card {
    border: none !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.07), 0 3px 10px rgba(0,0,0,.04) !important;
    padding: 14px 10px 10px !important;
}
.wctp-style-elevated .wctp-card:hover { box-shadow: 0 6px 22px rgba(0,0,0,.1) !important; transform: translateY(-2px) !important; }
.wctp-style-elevated .wctp-card.wctp-active { box-shadow: 0 6px 22px rgba(234,88,12,.15), 0 0 0 2px #f97316 !important; transform: translateY(-2px) !important; }
.wctp-style-elevated .wctp-badge { background: #f97316 !important; border-radius: 6px !important; }
.wctp-style-elevated .wctp-badge-hot { background: #dc2626 !important; }
.wctp-style-elevated .wctp-card-total-price { color: #0f172a !important; }
.wctp-style-elevated .wctp-card.wctp-active .wctp-card-total-price { color: #c2410c !important; }
.wctp-style-elevated .wctp-card-save { color: #ea580c !important; }
.wctp-style-elevated .wctp-check { background: #f97316 !important; box-shadow: 0 2px 4px rgba(249,115,22,.3) !important; }
.wctp-style-elevated .wctp-summary-bar { box-shadow: 0 1px 3px rgba(0,0,0,.05) !important; border: none !important; background: #fff !important; }
.wctp-style-elevated .wctp-sum-save { color: #ea580c !important; }
.wctp-style-elevated .wctp-sum-total { color: #c2410c !important; }


/* ════════════════════════════════════════════════════════
   STYLE 7: OUTLINE ACCENT
   ════════════════════════════════════════════════════════ */
.wctp-style-outline .wctp-card { border: 2px solid #e2e8f0 !important; border-radius: 10px !important; background: transparent !important; }
.wctp-style-outline .wctp-card:hover { border-color: #0ea5e9 !important; }
.wctp-style-outline .wctp-card.wctp-active { border-color: #0284c7 !important; background: rgba(14,165,233,.04) !important; }
.wctp-style-outline .wctp-badge { background: #0ea5e9 !important; border-radius: 6px !important; }
.wctp-style-outline .wctp-badge-hot { background: #e11d48 !important; }
.wctp-style-outline .wctp-card-total-price { color: #0c4a6e !important; }
.wctp-style-outline .wctp-card.wctp-active .wctp-card-total-price { color: #0369a1 !important; }
.wctp-style-outline .wctp-card-save { color: #e11d48 !important; }
.wctp-style-outline .wctp-check { background: #0ea5e9 !important; }
.wctp-style-outline .wctp-summary-bar { border: 2px solid #e2e8f0 !important; background: transparent !important; }
.wctp-style-outline .wctp-sum-save { color: #e11d48 !important; }
.wctp-style-outline .wctp-sum-total { color: #0369a1 !important; }


/* ════════════════════════════════════════════════════════
   STYLE 8: GLASSMORPHISM
   ════════════════════════════════════════════════════════ */
.wctp-style-glass .wctp-cards-container { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; border-radius: 14px !important; padding: 14px 10px !important; }
.wctp-style-glass .wctp-card { background: rgba(255,255,255,.15) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border: 1px solid rgba(255,255,255,.25) !important; border-radius: 12px !important; }
.wctp-style-glass .wctp-card:hover { background: rgba(255,255,255,.22) !important; border-color: rgba(255,255,255,.4) !important; transform: translateY(-2px) !important; box-shadow: 0 6px 18px rgba(0,0,0,.15) !important; }
.wctp-style-glass .wctp-card.wctp-active { background: rgba(255,255,255,.28) !important; border-color: rgba(255,255,255,.5) !important; box-shadow: 0 6px 18px rgba(0,0,0,.2) !important; }
.wctp-style-glass .wctp-badge { background: rgba(255,255,255,.25) !important; backdrop-filter: blur(8px) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.3) !important; }
.wctp-style-glass .wctp-badge-hot { background: rgba(239,68,68,.8) !important; border: none !important; }
.wctp-style-glass .wctp-card-total-price { color: #fff !important; }
.wctp-style-glass .wctp-card.wctp-active .wctp-card-total-price { color: #fff !important; text-shadow: 0 0 16px rgba(255,255,255,.3) !important; }
.wctp-style-glass .wctp-card-original { color: rgba(255,255,255,.5) !important; }
.wctp-style-glass .wctp-card-pieces { color: rgba(255,255,255,.75) !important; }
.wctp-style-glass .wctp-card-save { color: #fbbf24 !important; }
.wctp-style-glass .wctp-check { background: rgba(255,255,255,.3) !important; color: #fff !important; }
.wctp-style-glass .wctp-summary-bar { background: rgba(255,255,255,.1) !important; backdrop-filter: blur(8px) !important; border: 1px solid rgba(255,255,255,.15) !important; border-radius: 12px !important; }
.wctp-style-glass .wctp-summary-label { color: rgba(255,255,255,.6) !important; }
.wctp-style-glass .wctp-summary-value { color: #fff !important; }
.wctp-style-glass .wctp-sum-save { color: #fbbf24 !important; }
.wctp-style-glass .wctp-sum-total { color: #fff !important; }
.wctp-style-glass .wctp-summary-col:not(:last-child) { border-color: rgba(255,255,255,.12) !important; }


/* ════════════════════════════════════════════════════════
   STYLE 9: TABLE — Compact
   ════════════════════════════════════════════════════════ */
.wctp-style-table .wctp-table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1px solid var(--wt-opt-border, #e0e0e0) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    font-size: 13px !important;
}
.wctp-style-table .wctp-table thead th {
    background: var(--wt-tbl-header-bg, #f5f5f5) !important;
    color: var(--wt-tbl-header-color, #333) !important;
    font-weight: 600 !important;
    padding: 8px 12px !important;
    text-align: left !important;
    border-bottom: 2px solid var(--wt-opt-border, #e0e0e0) !important;
    font-size: 11px !important;
    white-space: nowrap !important;
}
.wctp-style-table .wctp-table tbody tr { transition: background .15s !important; }
.wctp-style-table .wctp-table tbody tr:nth-child(even) { background: var(--wt-tbl-stripe, #fafafa) !important; }
.wctp-style-table .wctp-table tbody td {
    padding: 8px 12px !important;
    border-bottom: 1px solid var(--wt-opt-border, #e0e0e0) !important;
    font-size: 12px !important;
}
.wctp-style-table .wctp-table tbody tr:last-child td { border-bottom: none !important; }
.wctp-style-table .wctp-table tbody tr:hover { background: rgba(123,31,162,.04) !important; }
.wctp-style-table .wctp-table-row.wctp-table-active { background: var(--wt-tbl-active-bg, #f0e6f6) !important; }
.wctp-style-table .wctp-table-row.wctp-table-active td { color: var(--wt-tbl-active-color, #7b1fa2) !important; font-weight: 700 !important; }
.wctp-style-table .wctp-table-price { font-weight: 700 !important; white-space: nowrap !important; }


/* ════════════════════════════════════════════════════════
   STYLE 10: BLOCK DEFAULT — Compact
   ════════════════════════════════════════════════════════ */
.wctp-style-block-default .wctp-block-row {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}
.wctp-style-block-default .wctp-block-card {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: 160px !important;
    background: var(--wt-card-bg, #fff) !important;
    border: 2px solid var(--wt-card-border, #e0e0e0) !important;
    border-radius: 8px !important;
    padding: 10px 8px !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all .2s !important;
    user-select: none !important;
}
.wctp-style-block-default .wctp-block-card:hover { border-color: var(--wt-card-hover, #81c784) !important; box-shadow: 0 2px 6px rgba(0,0,0,.05) !important; }
.wctp-style-block-default .wctp-block-card.wctp-block-active { border-color: var(--wt-card-active-border, #2e7d32) !important; background: var(--wt-card-active-bg, #e8f5e9) !important; }
.wctp-style-block-default .wctp-block-qty { font-size: 11px !important; color: var(--wt-piece, #616161) !important; font-weight: 500 !important; margin-bottom: 3px !important; text-transform: capitalize !important; }
.wctp-style-block-default .wctp-block-price { font-size: 15px !important; font-weight: 800 !important; color: var(--wt-price, #1b5e20) !important; word-break: break-word !important; }
.wctp-style-block-default .wctp-block-active .wctp-block-price { color: var(--wt-price-active, #1b5e20) !important; }
.wctp-style-block-default .wctp-block-off { font-size: 10px !important; color: var(--wt-save, #c62828) !important; font-weight: 600 !important; }


/* ════════════════════════════════════════════════════════
   STYLE 11: BLOCK STYLE 1 — Compact
   ════════════════════════════════════════════════════════ */
.wctp-style-block-s1 .wctp-block-row { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; justify-content: center !important; }
.wctp-style-block-s1 .wctp-bs1-card {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: 160px !important;
    border: 2px solid var(--wt-card-border, #e0e0e0) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all .2s !important;
    user-select: none !important;
    background: var(--wt-card-bg, #fff) !important;
}
.wctp-style-block-s1 .wctp-bs1-card:hover { border-color: var(--wt-card-hover, #81c784) !important; box-shadow: 0 2px 6px rgba(0,0,0,.05) !important; }
.wctp-style-block-s1 .wctp-bs1-card.wctp-bs1-active { border-color: var(--wt-card-active-border, #7b1fa2) !important; }
.wctp-style-block-s1 .wctp-bs1-header { background: var(--wt-badge-bg, #7b1fa2) !important; color: var(--wt-badge-text, #fff) !important; padding: 6px 8px !important; font-size: 11px !important; font-weight: 600 !important; text-align: center !important; text-transform: capitalize !important; }
.wctp-style-block-s1 .wctp-bs1-price { padding: 8px 6px !important; text-align: center !important; font-size: 15px !important; font-weight: 800 !important; color: var(--wt-price, #1b5e20) !important; word-break: break-word !important; }
.wctp-style-block-s1 .wctp-bs1-active .wctp-bs1-price { color: var(--wt-price-active, #1b5e20) !important; }
.wctp-style-block-s1 .wctp-bs1-off { font-size: 10px !important; color: var(--wt-save, #c62828) !important; font-weight: 600 !important; }


/* ════════════════════════════════════════════════════════
   STYLE 12: BLOCK STYLE 2 — Compact
   ════════════════════════════════════════════════════════ */
.wctp-style-block-s2 .wctp-block-row { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; justify-content: center !important; }
.wctp-style-block-s2 .wctp-bs2-card {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: 160px !important;
    background: var(--wt-card-bg, #fff) !important;
    border: 2px solid var(--wt-card-border, #e0e0e0) !important;
    border-radius: 8px !important;
    padding: 12px 8px 8px !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all .2s !important;
    user-select: none !important;
}
.wctp-style-block-s2 .wctp-bs2-card:hover { border-color: var(--wt-card-hover, #81c784) !important; box-shadow: 0 2px 6px rgba(0,0,0,.05) !important; }
.wctp-style-block-s2 .wctp-bs2-card.wctp-bs2-active { border-color: var(--wt-card-active-border, #2e7d32) !important; background: var(--wt-card-active-bg, #e8f5e9) !important; }
.wctp-style-block-s2 .wctp-bs2-badge { display: inline-block !important; background: var(--wt-badge-bg, #7b1fa2) !important; color: var(--wt-badge-text, #fff) !important; font-size: 9px !important; font-weight: 700 !important; padding: 1px 7px !important; border-radius: 10px !important; margin-bottom: 4px !important; }
.wctp-style-block-s2 .wctp-bs2-price { font-size: 16px !important; font-weight: 800 !important; color: var(--wt-price, #1b5e20) !important; margin-bottom: 2px !important; word-break: break-word !important; }
.wctp-style-block-s2 .wctp-bs2-active .wctp-bs2-price { color: var(--wt-price-active, #1b5e20) !important; }
.wctp-style-block-s2 .wctp-bs2-qty { font-size: 11px !important; color: var(--wt-piece, #616161) !important; text-transform: capitalize !important; }


/* ════════════════════════════════════════════════════════
   STYLE 13: OPTION DEFAULT — Compact rows
   ════════════════════════════════════════════════════════ */
.wctp-style-opt-default .wctp-opt-list,
.wctp-style-opt-s1 .wctp-opt-list,
.wctp-style-opt-s2 .wctp-opt-list {
    border: 1px solid var(--wt-opt-border, #e0e0e0) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
}
.wctp-opt-row {
    display: flex !important;
    align-items: center !important;
    padding: 9px 12px !important;
    cursor: pointer !important;
    transition: background .15s !important;
    gap: 8px !important;
    user-select: none !important;
}
.wctp-opt-row:hover { background: rgba(123,31,162,.03) !important; }
.wctp-opt-row.wctp-opt-active { background: var(--wt-opt-active-bg, #f3e5f6) !important; }

.wctp-opt-radio {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    border: 2px solid #ccc !important;
    flex-shrink: 0 !important;
    position: relative !important;
    transition: border-color .2s !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}
.wctp-opt-radio.checked { border-color: var(--wt-opt-radio, #7b1fa2) !important; }
.wctp-opt-radio.checked::after {
    content: '' !important;
    position: absolute !important;
    top: 3px !important;
    left: 3px !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: var(--wt-opt-radio, #7b1fa2) !important;
}

.wctp-opt-label {
    flex: 1 !important;
    font-size: 12px !important;
    color: #333 !important;
    font-weight: 500 !important;
    min-width: 0 !important;
    line-height: 1.4 !important;
}
.wctp-opt-prices {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--wt-price, #333) !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}
.wctp-opt-prices s {
    color: var(--wt-orig, #9e9e9e) !important;
    font-weight: 400 !important;
    margin-right: 3px !important;
    font-size: 11px !important;
}
.wctp-opt-price { font-size: 13px !important; font-weight: 700 !important; color: var(--wt-price, #333) !important; }


/* ════════════════════════════════════════════════════════
   STYLE 14: OPTION STYLE 1 (dividers)
   ════════════════════════════════════════════════════════ */
.wctp-style-opt-s1 .wctp-opt-divider { height: 1px !important; background: var(--wt-opt-border, #e0e0e0) !important; margin: 0 12px !important; }


/* ════════════════════════════════════════════════════════
   STYLE 15: OPTION STYLE 2 (badges)
   ════════════════════════════════════════════════════════ */
.wctp-style-opt-s2 .wctp-opt-badge {
    display: inline-block !important;
    background: var(--wt-badge-bg, #7b1fa2) !important;
    color: var(--wt-badge-text, #fff) !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    padding: 1px 6px !important;
    border-radius: 8px !important;
    text-transform: uppercase !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}


/* ════════════════════════════════════════════════════════
   STYLE 16: DROPDOWN — Compact
   ════════════════════════════════════════════════════════ */
.wctp-style-dropdown .wctp-dropdown-wrap { position: relative !important; max-width: 100% !important; width: 100% !important; }
.wctp-style-dropdown .wctp-dd-select {
    width: 100% !important;
    padding: 9px 34px 9px 12px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    border: 2px solid var(--wt-dd-border, #7b1fa2) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #333 !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%237b1fa2' stroke-width='3'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
}
.wctp-style-dropdown .wctp-dd-select:focus { outline: none !important; border-color: var(--wt-dd-border, #7b1fa2) !important; box-shadow: 0 0 0 2px rgba(123,31,162,.1) !important; }

/* Admin preview */
.wctp-sp-demo .wctp-style-dropdown .wctp-dropdown-wrap { display: flex !important; align-items: center !important; border: 2px solid var(--wt-dd-border, #7b1fa2) !important; border-radius: 6px !important; padding: 5px 8px !important; background: #fff !important; gap: 5px !important; }
.wctp-sp-demo .wctp-dd-label { flex: 1 !important; font-size: 10px !important; color: #333 !important; }
.wctp-sp-demo .wctp-dd-price { font-size: 10px !important; font-weight: 700 !important; color: var(--wt-price, #333) !important; }
.wctp-sp-demo .wctp-dd-arrow { font-size: 9px !important; color: var(--wt-dd-border, #7b1fa2) !important; }


/* ════════════════════════════════════════════════════════
   STYLE 17: PLAIN TEXT — Compact
   ════════════════════════════════════════════════════════ */
.wctp-style-plaintext .wctp-pt-list {
    border: 2px solid var(--wt-pt-highlight, #7b1fa2) !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    background: #fff !important;
}
.wctp-style-plaintext .wctp-pt-line {
    font-size: 12px !important;
    color: #555 !important;
    padding: 3px 0 !important;
    line-height: 1.5 !important;
    cursor: pointer !important;
    transition: color .15s !important;
}
.wctp-style-plaintext .wctp-pt-line:hover { color: #333 !important; }
.wctp-style-plaintext .wctp-pt-line.wctp-pt-active { color: var(--wt-pt-highlight, #7b1fa2) !important; font-weight: 700 !important; }


/* ════════════════════════════════════════════════════════
   RESPONSIVE — TABLET (max 768px)
   ════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    .wctp-cards-row { gap: 6px !important; }
    .wctp-card { max-width: 140px !important; padding: 12px 8px 8px !important; }
    .wctp-card-total-price { font-size: 16px !important; }
    .wctp-badge { font-size: 9px !important; padding: 1px 7px !important; top: -8px !important; }

    .wctp-style-block-default .wctp-block-card,
    .wctp-style-block-s1 .wctp-bs1-card,
    .wctp-style-block-s2 .wctp-bs2-card { max-width: 140px !important; }

    .wctp-style-dark .wctp-cards-container,
    .wctp-style-glass .wctp-cards-container { padding: 10px 8px !important; }

    .wctp-summary-value { font-size: 13px !important; }
    .wctp-summary-col { padding: 7px 5px !important; }
}


/* ════════════════════════════════════════════════════════
   RESPONSIVE — MOBILE (max 576px)
   Everything stacks vertically, very compact
   ════════════════════════════════════════════════════════ */
@media (max-width: 576px) {

    .wctp-widget { margin: 10px 0 !important; }

    /* ── CARDS: Stack vertically, compact horizontal rows ── */
    .wctp-cards-row {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
        padding: 2px 0 !important;
    }
    .wctp-card {
        max-width: 100% !important;
        width: 100% !important;
        flex: none !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        text-align: left !important;
        padding: 8px 10px !important;
        gap: 8px !important;
        border-radius: 8px !important;
    }
    .wctp-card .wctp-badge {
        position: static !important;
        transform: none !important;
        font-size: 9px !important;
        padding: 1px 6px !important;
        order: -1 !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
        border-radius: 10px !important;
    }
    .wctp-card .wctp-check {
        position: static !important;
        order: 10 !important;
        margin-left: auto !important;
        width: 16px !important;
        height: 16px !important;
        flex-shrink: 0 !important;
    }
    [dir="rtl"] .wctp-card .wctp-check { margin-left: 0 !important; margin-right: auto !important; }

    .wctp-card-total-price { font-size: 15px !important; margin: 0 !important; flex-shrink: 0 !important; }
    .wctp-card-original { font-size: 9px !important; margin: 0 2px !important; }
    .wctp-card-pieces { font-size: 10px !important; margin: 0 !important; }
    .wctp-card-save { font-size: 9px !important; margin: 0 !important; flex-shrink: 0 !important; }

    /* ── PILL: Same vertical stack ── */
    .wctp-style-pill .wctp-cards-row { flex-direction: column !important; align-items: stretch !important; }
    .wctp-style-pill .wctp-card {
        border-radius: 10px !important;
        flex-direction: row !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 7px 10px !important;
    }
    .wctp-style-pill .wctp-card-total-price { font-size: 14px !important; }

    /* ── DARK / GLASS: Tight padding ── */
    .wctp-style-dark .wctp-cards-container { padding: 8px 6px !important; border-radius: 10px !important; }
    .wctp-style-glass .wctp-cards-container { padding: 8px 6px !important; border-radius: 10px !important; }

    /* ── BLOCK DEFAULT: Vertical stack, horizontal row layout ── */
    .wctp-style-block-default .wctp-block-row {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 5px !important;
    }
    .wctp-style-block-default .wctp-block-card {
        max-width: 100% !important;
        width: 100% !important;
        flex: none !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        text-align: left !important;
        padding: 8px 10px !important;
    }
    .wctp-style-block-default .wctp-block-qty { font-size: 11px !important; margin: 0 !important; flex-shrink: 0 !important; }
    .wctp-style-block-default .wctp-block-price { font-size: 14px !important; text-align: right !important; }
    .wctp-style-block-default .wctp-block-off { font-size: 9px !important; }

    /* ── BLOCK S1: Vertical stack, header + price in row ── */
    .wctp-style-block-s1 .wctp-block-row {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 5px !important;
    }
    .wctp-style-block-s1 .wctp-bs1-card {
        max-width: 100% !important;
        width: 100% !important;
        flex: none !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
    }
    .wctp-style-block-s1 .wctp-bs1-header {
        padding: 6px 10px !important;
        font-size: 10px !important;
        display: flex !important;
        align-items: center !important;
        min-width: 80px !important;
        justify-content: center !important;
    }
    .wctp-style-block-s1 .wctp-bs1-price {
        padding: 6px 10px !important;
        font-size: 14px !important;
        flex: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
    }
    .wctp-style-block-s1 .wctp-bs1-off { font-size: 9px !important; }

    /* ── BLOCK S2: Vertical stack ── */
    .wctp-style-block-s2 .wctp-block-row {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 5px !important;
    }
    .wctp-style-block-s2 .wctp-bs2-card {
        max-width: 100% !important;
        width: 100% !important;
        flex: none !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        padding: 7px 10px !important;
        gap: 8px !important;
        text-align: left !important;
    }
    .wctp-style-block-s2 .wctp-bs2-badge { font-size: 8px !important; padding: 1px 5px !important; margin: 0 !important; flex-shrink: 0 !important; }
    .wctp-style-block-s2 .wctp-bs2-price { font-size: 14px !important; margin: 0 !important; flex-shrink: 0 !important; }
    .wctp-style-block-s2 .wctp-bs2-qty { font-size: 10px !important; margin-left: auto !important; }
    [dir="rtl"] .wctp-style-block-s2 .wctp-bs2-qty { margin-left: 0 !important; margin-right: auto !important; }

    /* ── OPTIONS: Compact rows ── */
    .wctp-opt-row {
        padding: 7px 10px !important;
        gap: 6px !important;
        flex-wrap: nowrap !important;
    }
    .wctp-opt-radio { width: 14px !important; height: 14px !important; }
    .wctp-opt-radio.checked::after { top: 2px !important; left: 2px !important; width: 6px !important; height: 6px !important; }
    .wctp-opt-label { font-size: 11px !important; }
    .wctp-opt-prices { font-size: 12px !important; }
    .wctp-opt-prices s { font-size: 10px !important; margin-right: 2px !important; }
    .wctp-style-opt-s2 .wctp-opt-badge { font-size: 7px !important; padding: 1px 5px !important; }
    .wctp-style-opt-s1 .wctp-opt-divider { margin: 0 10px !important; }

    /* ── TABLE: Compact ── */
    .wctp-style-table .wctp-table { font-size: 11px !important; }
    .wctp-style-table .wctp-table thead th { padding: 6px 8px !important; font-size: 9px !important; }
    .wctp-style-table .wctp-table tbody td { padding: 6px 8px !important; font-size: 11px !important; }

    /* ── DROPDOWN: Compact ── */
    .wctp-style-dropdown .wctp-dd-select { font-size: 11px !important; padding: 8px 30px 8px 10px !important; }

    /* ── PLAINTEXT: Compact ── */
    .wctp-style-plaintext .wctp-pt-list { padding: 8px 10px !important; }
    .wctp-style-plaintext .wctp-pt-line { font-size: 11px !important; padding: 2px 0 !important; }

    /* ── SUMMARY BAR: Very compact ── */
    .wctp-summary-bar { margin-top: 6px !important; }
    .wctp-summary-col { padding: 6px 4px !important; }
    .wctp-summary-label { font-size: 7px !important; letter-spacing: .3px !important; }
    .wctp-summary-value { font-size: 12px !important; }
}


/* ════════════════════════════════════════════════════════
   VERY SMALL PHONES (max 380px)
   ════════════════════════════════════════════════════════ */
@media (max-width: 380px) {
    .wctp-card { padding: 6px 8px !important; gap: 6px !important; }
    .wctp-card-total-price { font-size: 13px !important; }
    .wctp-card-pieces { font-size: 9px !important; }
    .wctp-card-save { font-size: 8px !important; }
    .wctp-card .wctp-badge { font-size: 8px !important; padding: 1px 5px !important; }

    .wctp-style-block-default .wctp-block-card { padding: 6px 8px !important; }
    .wctp-style-block-default .wctp-block-price { font-size: 13px !important; }
    .wctp-style-block-default .wctp-block-qty { font-size: 10px !important; }

    .wctp-style-block-s1 .wctp-bs1-header { font-size: 9px !important; min-width: 65px !important; padding: 5px 6px !important; }
    .wctp-style-block-s1 .wctp-bs1-price { font-size: 13px !important; padding: 5px 6px !important; }

    .wctp-style-block-s2 .wctp-bs2-price { font-size: 13px !important; }
    .wctp-style-block-s2 .wctp-bs2-qty { font-size: 9px !important; }

    .wctp-opt-row { padding: 6px 8px !important; }
    .wctp-opt-label { font-size: 10px !important; }
    .wctp-opt-prices { font-size: 11px !important; }

    .wctp-style-table .wctp-table thead th { padding: 5px 6px !important; font-size: 8px !important; }
    .wctp-style-table .wctp-table tbody td { padding: 5px 6px !important; font-size: 10px !important; }

    .wctp-style-dropdown .wctp-dd-select { font-size: 10px !important; padding: 7px 26px 7px 8px !important; }
    .wctp-style-plaintext .wctp-pt-line { font-size: 10px !important; }

    .wctp-summary-col { padding: 5px 3px !important; }
    .wctp-summary-value { font-size: 11px !important; }
    .wctp-summary-label { font-size: 6px !important; }
}


/* ════════════════════════════════════════════════════════
   RTL
   ════════════════════════════════════════════════════════ */
[dir="rtl"] .wctp-widget { direction: rtl !important; }
[dir="rtl"] .wctp-opt-prices s { margin-right: 0 !important; margin-left: 3px !important; }
[dir="rtl"] .wctp-style-table .wctp-table thead th { text-align: right !important; }
[dir="rtl"] .wctp-style-dropdown .wctp-dd-select {
    background-position: left 10px center !important;
    padding-left: 30px !important;
    padding-right: 12px !important;
}


/* ════════════════════════════════════════════════════════
   ACCESSIBILITY + PRINT
   ════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    .wctp-card, .wctp-block-card, .wctp-bs1-card, .wctp-bs2-card, .wctp-opt-row { transition: none !important; }
}
@media print {
    .wctp-summary-bar { display: none !important; }
}


/* ════════════════════════════════════════════════════════
   HIDE SCROLLBARS
   ════════════════════════════════════════════════════════ */
.wctp-cards-row::-webkit-scrollbar,
.wctp-block-row::-webkit-scrollbar { display: none !important; }
.wctp-cards-row, .wctp-block-row { -ms-overflow-style: none !important; scrollbar-width: none !important; }