/* Webboll Dynamic Pricing — Frontend Stilleri */

/* Rol rozeti — ürün sayfası */
.wbdp-role-badge {
    display: inline-block;
    background: #2271b1;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 3px;
    margin-bottom: 10px;
}

/* İndirim etiketi — fiyatın yanı */
.wbdp-discount-badge {
    display: inline-block;
    background: #d63638;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 3px;
    vertical-align: middle;
    margin-left: 6px;
}

/* Küçük rozet — ürün listesi */
.wbdp-loop-badge {
    display: inline-block;
    background: #d63638;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 3px;
    margin-bottom: 4px;
}

/* Kademeli fiyat tablosu */
.wbdp-tiered-table {
    margin: 16px 0;
    padding: 14px 16px;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.wbdp-tiered-table h4 {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 600;
}

.wbdp-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.wbdp-table th,
.wbdp-table td {
    text-align: left;
    padding: 6px 10px;
    border-bottom: 1px solid #e5e5e5;
}

.wbdp-table thead th {
    background: #ebebeb;
    font-weight: 600;
}

.wbdp-table tbody tr:last-child td {
    border-bottom: none;
}

.wbdp-tiered-note {
    margin: 8px 0 0;
    font-size: 12px;
    color: #666;
}