/* =============================================================
   RAVEZA SMART SHIPPING v3.9.0 — rss-style.css
   Adds rz-csr-card styles matching the rz-cart-shipping-result format.
============================================================= */

/* ── Hide Update Cart button ── */
button[name="update_cart"] { display: none !important; }

/* ── Shipping options: hide flat_rate when free available ── */
#shipping_method li:has(input[id*="flat_rate"]) { display: none !important; }
#shipping_method input[id*="free_shipping"]      { display: none !important; }
#shipping_method label[for*="free_shipping"]     { pointer-events:none !important; cursor:default !important; font-weight:600; }

/* ── Status container ── */
#rss-shipment-status {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.6;
    min-height: 28px;
}
#rss-shipment-status.rss-prerendered { opacity: 1; }

/* ════════════════════════════════════════════════════════════
   NEW CARD UI — rz-csr-card
   Matches the pincode checker card style exactly.
════════════════════════════════════════════════════════════ */
#rss-shipment-status .rz-csr-card {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 6px 0 4px;
}

#rss-shipment-status .rz-csr-icon {
    flex-shrink: 0;
    margin-top: 2px;
    display: flex;
    align-items: center;
}

#rss-shipment-status .rz-csr-body {
    flex: 1;
    min-width: 0;
}

/* Title line: "Expected by Tue, 7 Apr  FREE" */
#rss-shipment-status .rz-csr-title {
    margin: 0 0 2px;
    font-size: 13px;
    font-weight: 500;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    line-height: 1.4;
}
#rss-shipment-status .rz-csr-title strong {
    font-weight: 700;
    color: #166534;
}

/* FREE badge — green pill */
#rss-shipment-status .rz-csr-free {
    display: inline-block;
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    padding: 1px 8px;
    line-height: 1.5;
    white-space: nowrap;
}

/* PAID badge — subtle green pill */
#rss-shipment-status .rz-csr-paid {
    display: inline-block;
    background: #f0fdf4;
    color: #254E34;
    border: 1px solid #bbf7d0;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    padding: 1px 8px;
    line-height: 1.5;
    white-space: nowrap;
}

/* Sub-line: "via Ekart Logistics · ✓ COD available" */
#rss-shipment-status .rz-csr-sub {
    margin: 0;
    font-size: 11px;
    color: #64748b;
    line-height: 1.4;
}

/* Loading state */
#rss-shipment-status .rz-csr-loading {
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 8px;
}
#rss-shipment-status .rz-csr-loading::before {
    content: '';
    width: 12px; height: 12px;
    border: 2px solid #e2e8f0;
    border-top-color: #254E34;
    border-radius: 50%;
    animation: rss-spin 0.75s linear infinite;
    flex-shrink: 0;
    display: inline-block;
}
@keyframes rss-spin { to { transform: rotate(360deg); } }

/* Courier options list */
#rss-shipment-status .rz-csr-couriers {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed #e2e8f0;
}
#rss-shipment-status .rz-csr-couriers-title {
    margin: 0 0 5px;
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .5px;
}
#rss-shipment-status .rz-csr-courier-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 8px;
    background: #f8fafc;
    border-radius: 6px;
    margin-bottom: 3px;
    font-size: 12px;
}
#rss-shipment-status .rz-csr-courier-name {
    color: #374151;
    font-weight: 500;
}
#rss-shipment-status .rz-csr-courier-info {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #6b7280;
}
#rss-shipment-status .rz-csr-cod-badge {
    font-size: 10px;
    background: #dcfce7;
    color: #16a34a;
    padding: 1px 6px;
    border-radius: 10px;
    font-weight: 600;
}

/* ════════════════════════════════════════════════════════════
   LEGACY classes kept for backwards-compat (old renders)
════════════════════════════════════════════════════════════ */
#rss-shipment-status .rss-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    padding: 4px 0 2px;
}
#rss-shipment-status .rss-etd   { font-weight: 700; color: #166534; }
#rss-shipment-status .rss-badge {
    font-size: 12px; font-weight: 700;
    padding: 2px 8px; border-radius: 5px;
}
#rss-shipment-status .rss-badge.rss-free { background:#dcfce7; color:#166534; border:1px solid #bbf7d0; }
#rss-shipment-status .rss-badge.rss-paid { background:#f0fdf4; color:#254E34; border:1px solid #bbf7d0; }
#rss-shipment-status .rss-address        { color:#64748b; font-size:12px; }
#rss-shipment-status .rss-cod            { font-size:11px; background:#dcfce7; color:#16a34a; padding:1px 7px; border-radius:10px; font-weight:600; }
#rss-shipment-status .rss-courier-hint   { font-size:11px; color:#94a3b8; margin-top:1px; }

/* ── Error ── */
#rss-shipment-status .rss-error      { background:#fef2f2; border:1px solid #fecaca; border-radius:6px; padding:7px 10px; font-size:12px; color:#dc2626; margin-top:4px; }
#rss-shipment-status .rss-no-address { font-size:12px; color:#94a3b8; padding:4px 0; }

/* ── Checkout: hide WC default shipment content ── */
.woocommerce-checkout tr.woocommerce-shipping-totals td > ul#shipping_method {
    display: none;
}

/* ── Mobile ── */
@media (max-width: 600px) {
    #rss-shipment-status .rz-csr-card    { gap: 8px; }
    #rss-shipment-status .rz-csr-title   { font-size: 12px; }
    #rss-shipment-status .rz-csr-courier-row { flex-direction:column; align-items:flex-start; gap:3px; }
}