/* WonderWeb Wholesale Tier Pricing — frontend styles v1.3 */

.wwtp-box{
    --wwtp-accent:#1769e0;
    --wwtp-accent-contrast:#ffffff;
    --wwtp-header-bg:#f7f8fa;
    --wwtp-header-txt:#8892a0;
    --wwtp-accent-bg:#eef5ff;
    --wwtp-border:#e6e9ee;
    --wwtp-text:#1f2937;
    --wwtp-muted:#8892a0;
    width:100%;
    margin-top:14px;
    border:1px solid var(--wwtp-border);
    border-radius:10px;
    background:#fff;
    overflow:hidden;
    color:var(--wwtp-text);
    font-size:13px;
    line-height:1.25;
    box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 20px -12px rgba(16,24,40,.08);
    position:relative;
}

/* ---- Top summary panel (shared by table/blocks/list/dropdown) ---- */
.wwtp-selected{padding:14px 16px 12px;background:linear-gradient(180deg,#fbfcfe 0%,#ffffff 65%);border-bottom:1px solid var(--wwtp-border)}
.wwtp-selected-top{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}
.wwtp-stock-title{font-size:14px;font-weight:700;color:#111827;letter-spacing:.1px}
.wwtp-stock-count{display:inline-flex;align-items:center;font-weight:700;font-size:12px;color:#15803d;background:#ecfdf3;border:1px solid #d3f3e0;border-radius:20px;padding:1px 9px}
.wwtp-mini-meta{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--wwtp-muted);font-size:11px;margin-bottom:10px}
.wwtp-mini-meta span+span{border-left:1px solid #dde2e8;padding-left:12px}

.wwtp-selected-head,.wwtp-selected-row{display:grid;grid-template-columns:1.45fr .65fr 1.1fr 1.25fr;column-gap:8px;align-items:center}
.wwtp-selected-head{font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--wwtp-muted);padding-bottom:6px;border-bottom:1px dashed var(--wwtp-border);margin-bottom:6px}
.wwtp-selected-row{min-height:26px;font-size:13.5px}
.wwtp-selected-row>:nth-child(3),.wwtp-selected-row>:nth-child(4),.wwtp-selected-head>:nth-child(3),.wwtp-selected-head>:nth-child(4){text-align:right}
.wwtp-selected-unit{color:var(--wwtp-text);font-weight:600}

.wwtp-selected-total-big{text-align:right;margin-top:8px;padding-top:10px;border-top:1px solid var(--wwtp-border);font-size:19px;font-weight:800;color:#111827;letter-spacing:.2px}
.wwtp-tier-applied{min-height:15px;margin-top:6px;display:inline-block;color:var(--wwtp-accent);background:var(--wwtp-accent-bg);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700}

/* ---- Table template ---- */
.wwtp-tier-table-wrap{background:#fff}
.wwtp-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:0}
.wwtp-table thead th{background:var(--wwtp-header-bg);padding:9px 12px;text-align:left;font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--wwtp-header-txt);border-bottom:1px solid var(--wwtp-border);border-top:1px solid var(--wwtp-border)}
.wwtp-table td{padding:8px 12px;border-bottom:1px solid #eef0f3;vertical-align:middle;height:30px}
.wwtp-table tbody tr:last-child td{border-bottom:none}
.wwtp-table th:nth-child(3),.wwtp-table td:nth-child(3){text-align:center;width:16%}
.wwtp-table th:nth-child(4),.wwtp-table td:nth-child(4){text-align:right;width:26%}
.wwtp-table tbody tr{transition:background-color .12s ease}
.wwtp-table tbody tr:nth-child(even){background:#fbfbfc}
.wwtp-table tbody tr:hover{background:#f4f8ff}
.wwtp-table td strong{display:inline-flex;align-items:center;justify-content:center;min-width:34px;color:var(--wwtp-accent);font-weight:700;background:var(--wwtp-accent-bg);border-radius:20px;padding:2px 9px;font-size:12px}
.wwtp-table td small{display:inline-block;margin-left:6px;color:var(--wwtp-muted);font-size:10px}
.wwtp-save-cell{color:#15803d;font-weight:700;font-size:12px}
.wwtp-table tr.wwtp-active{background:var(--wwtp-accent-bg) !important;box-shadow:inset 3px 0 0 var(--wwtp-accent)}
.wwtp-table tr.wwtp-active td{font-weight:700;color:#111827}
.wwtp-table tr.wwtp-active td strong{background:var(--wwtp-accent);color:var(--wwtp-accent-contrast)}
.wwtp-table tr.wwtp-active .wwtp-row-total{color:var(--wwtp-accent)}
.wwtp-footer-note{display:flex;justify-content:space-between;padding:9px 12px;background:var(--wwtp-header-bg);border-top:1px solid var(--wwtp-border);color:var(--wwtp-muted);font-size:11px}
.wwtp-footer-note span:last-child{color:var(--wwtp-accent);font-weight:600}

/* ---- Blocks template ---- */
.wwtp-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;padding:12px 14px}
.wwtp-block{border:1px solid var(--wwtp-border);border-radius:8px;padding:10px 8px;text-align:center;cursor:default;transition:all .12s ease}
.wwtp-block-qty{font-weight:700;font-size:12px;color:var(--wwtp-muted);margin-bottom:4px}
.wwtp-block-price{font-weight:800;font-size:14px;color:#111827}
.wwtp-block-save{margin-top:4px;font-size:10.5px;font-weight:700;color:#15803d}
.wwtp-block.wwtp-active{border-color:var(--wwtp-accent);background:var(--wwtp-accent-bg)}
.wwtp-block.wwtp-active .wwtp-block-qty{color:var(--wwtp-accent)}

/* ---- List template ---- */
.wwtp-list{list-style:none;margin:0;padding:6px 0}
.wwtp-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid #f0f1f3;font-size:12.5px}
.wwtp-list li:last-child{border-bottom:none}
.wwtp-list-qty{font-weight:700;color:var(--wwtp-text)}
.wwtp-list-price{color:var(--wwtp-muted)}
.wwtp-list-save{color:#15803d;font-weight:700;font-size:11px}
.wwtp-list li.wwtp-active{background:var(--wwtp-accent-bg)}
.wwtp-list li.wwtp-active .wwtp-list-qty{color:var(--wwtp-accent)}

/* ---- Dropdown template ---- */
.wwtp-dropdown{width:100%;margin:12px 14px 14px;width:calc(100% - 28px);padding:9px 11px;border:1px solid var(--wwtp-border);border-radius:7px;font-size:13px;color:var(--wwtp-text);background:#fff}

/* ---- Tooltip template ---- */
.wwtp-tooltip-trigger{display:inline-flex;align-items:center;gap:5px;margin:10px 14px;padding:6px 12px;border:1px solid var(--wwtp-border);border-radius:20px;background:#fff;color:var(--wwtp-accent);font-size:12px;font-weight:700;cursor:pointer}
.wwtp-tooltip-trigger .dashicons{font-size:16px;width:16px;height:16px}
.wwtp-tooltip-popover{display:none;border-top:1px solid var(--wwtp-border)}
.wwtp-box.wwtp-tooltip-open .wwtp-tooltip-popover{display:block}

.wwtp-qty-helper{display:inline-block;margin-top:6px;color:var(--wwtp-accent);background:var(--wwtp-accent-bg);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700}

@media(max-width:600px){
    .wwtp-selected-head,.wwtp-selected-row{grid-template-columns:1.2fr .55fr 1fr 1.1fr;column-gap:5px}
    .wwtp-selected-head,.wwtp-table thead th{font-size:9.5px}
    .wwtp-table td,.wwtp-table thead th{padding-left:8px;padding-right:8px}
    .wwtp-table td small{display:block;margin-left:0;margin-top:1px}
    .wwtp-selected-total-big{font-size:17px}
    .wwtp-blocks{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}
}