/* WheelFront — pricing step refinement */

.wf-price-box-luxury{
    max-width:560px;
    margin:0 auto;
    padding:0;
}

/* info hint */
.wf-price-box-luxury #pricing-info-box{
    display:flex; align-items:center; gap:9px;
    padding:11px 14px; margin:0 0 20px;
    background:rgba(59,130,246,.08);
    border:1px solid rgba(59,130,246,.22);
    border-radius:10px;
    font-size:13px; color:#93b4e8;
}
.wf-price-box-luxury #pricing-info-box p{margin:0; font-size:13px}

/* label */
.wf-price-box-luxury #price-quantity-label{
    display:block; text-align:left;
    font-size:12px; font-weight:700; letter-spacing:.4px;
    text-transform:uppercase; color:#94a3b8; margin:0 0 9px;
}

/* price input */
.wf-price-box-luxury .wf-price-input-wrapper{
    display:flex; align-items:center; gap:0;
    background:#0f172a;
    border:1.5px solid #1f2937;
    border-radius:12px;
    padding:0; overflow:hidden;
    transition:border-color .15s, box-shadow .15s;
}
.wf-price-box-luxury .wf-price-input-wrapper:focus-within{
    border-color:#3b82f6;
    box-shadow:0 0 0 3px rgba(59, 130, 246,.13);
}
.wf-price-box-luxury .wf-price-input-wrapper .currency{
    flex:0 0 auto;
    padding:0 4px 0 18px;
    font-size:24px; font-weight:700; color:#64748b;
    line-height:1;
}
.wf-price-box-luxury .wf-price-field{
    flex:1 1 auto; width:100%;
    background:transparent !important;
    border:0 !important; outline:none !important; box-shadow:none !important;
    padding:16px 18px 16px 6px !important;
    font-size:26px; font-weight:700; color:#f1f5f9;
    text-align:left;
}
.wf-price-box-luxury .wf-price-field::placeholder{color:#334155; font-weight:600}
/* strip the number spinner */
.wf-price-box-luxury .wf-price-field::-webkit-outer-spin-button,
.wf-price-box-luxury .wf-price-field::-webkit-inner-spin-button{
    -webkit-appearance:none; margin:0;
}
.wf-price-box-luxury .wf-price-field[type=number]{-moz-appearance:textfield}

/* per-wheel hint */
.wf-price-box-luxury #per-wheel-calc{
    text-align:left !important;
    margin-top:9px !important;
    font-size:12.5px !important;
}

/* breakdown card */
.wf-price-box-luxury #wf-payout-breakdown-wrapper{margin-top:22px}
.wf-price-box-luxury .wf-price-breakdown-box{
    background:#111827;
    border:1px solid #1f2937;
    border-radius:12px;
    padding:6px 18px;
    overflow:hidden;
}
.wf-price-box-luxury .wf-breakdown-row{
    display:flex; align-items:center; justify-content:space-between;
    gap:16px; padding:13px 0;
    border-bottom:1px solid rgba(255,255,255,.05);
    font-size:14px; color:#94a3b8;
}
.wf-price-box-luxury .wf-breakdown-row span:last-child{
    color:#e2e8f0; font-weight:600; white-space:nowrap;
}
.wf-price-box-luxury .wf-breakdown-row.total{
    border-bottom:0;
    margin:0 -18px; padding:15px 18px;
    background:rgba(59, 130, 246,.07);
    border-top:1px solid rgba(59, 130, 246,.2);
}
.wf-price-box-luxury .wf-breakdown-row.total span:first-child{
    font-size:14px; font-weight:700; color:#f1f5f9;
}
.wf-price-box-luxury .wf-breakdown-row.total span:last-child{
    font-size:22px; font-weight:800; color:#3b82f6; letter-spacing:.2px;
}

@media(max-width:600px){
    .wf-price-box-luxury .wf-price-field{font-size:22px; padding:14px 14px 14px 6px !important}
    .wf-price-box-luxury .wf-price-input-wrapper .currency{font-size:20px; padding-left:14px}
    .wf-price-box-luxury .wf-breakdown-row.total span:last-child{font-size:19px}
}