@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');

/* ================================================================
   BQ C Shipping — Frontend CSS
   All selectors prefixed .bqcs-  →  zero theme bleed
   High specificity !important only where theme resets fight us
   ================================================================ */

/* ══════════════════════════════════════════════════════════════
   1. SINGLE PRODUCT PAGE — DELIVERY BOX
   ══════════════════════════════════════════════════════════════ */

.bqcs-delivery-box {
    display: block !important;
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;
    background: #ffffff !important;
    border: 2px solid #dbeafe !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    margin: 18px 0 22px !important;
    padding: 0 !important;
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.10) !important;
}

/* ── Header strip (blue) ── */
.bqcs-delivery-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: #1d4ed8 !important;
    padding: 13px 18px !important;
    margin: 0 !important;
}

.bqcs-dh-pin {
    font-size: 20px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.bqcs-dh-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
}

.bqcs-dh-text strong {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    letter-spacing: 0.02em !important;
    display: block !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

.bqcs-dh-text span {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: rgba(255,255,255,0.80) !important;
    display: block !important;
    line-height: 1.3 !important;
}

/* ── Delivery speed options row ── */
.bqcs-delivery-options {
    display: flex !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bqcs-do-item {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 18px !important;
    margin: 0 !important;
}

.bqcs-do-item + .bqcs-do-item {
    border-left: 2px solid #e0eaff !important;
}

.bqcs-do-same {
    background: #fffbeb !important;
}

.bqcs-do-next {
    background: #f0fdf4 !important;
}

.bqcs-do-icon {
    font-size: 28px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.bqcs-do-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.bqcs-do-same .bqcs-do-text strong {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #78350f !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    line-height: 1.3 !important;
}

.bqcs-do-same .bqcs-do-text span {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 11px !important;
    color: #92400e !important;
    display: block !important;
    line-height: 1.3 !important;
}

.bqcs-do-next .bqcs-do-text strong {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #14532d !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    line-height: 1.3 !important;
}

.bqcs-do-next .bqcs-do-text span {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 11px !important;
    color: #166534 !important;
    display: block !important;
    line-height: 1.3 !important;
}

/* single option takes full width */
.bqcs-delivery-options .bqcs-do-item:only-child {
    width: 100% !important;
    flex: none !important;
}

@media (max-width: 480px) {
    .bqcs-delivery-options { flex-direction: column !important; }
    .bqcs-do-item + .bqcs-do-item {
        border-left: none !important;
        border-top: 2px solid #e0eaff !important;
    }
}

/* ══════════════════════════════════════════════════════════════
   2. MINI-CART — compact pill (Chennai Only)
   ══════════════════════════════════════════════════════════════ */

.bqcs-mini-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin-top: 5px !important;
    margin-bottom: 2px !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.bqcs-mini-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 3px 9px !important;
    border-radius: 100px !important;
    font-family: 'Space Grotesk', -apple-system, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    text-decoration: none !important;
}

.bqcs-mini-pill--loc {
    background: #dbeafe !important;
    color: #1e40af !important;
    border: 1px solid #93c5fd !important;
}

.bqcs-mini-pill--same {
    background: #fef9c3 !important;
    color: #713f12 !important;
    border: 1px solid #fcd34d !important;
}

.bqcs-mini-pill--next {
    background: #dcfce7 !important;
    color: #14532d !important;
    border: 1px solid #86efac !important;
}

/* ══════════════════════════════════════════════════════════════
   3. CART PAGE — banner & row pills
   ══════════════════════════════════════════════════════════════ */

.bqcs-cart-banner {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    background: #eff6ff !important;
    border: 1.5px solid #bfdbfe !important;
    border-left: 5px solid #1d4ed8 !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin: 0 0 20px !important;
    font-family: 'Space Grotesk', -apple-system, sans-serif !important;
}

.bqcs-cb-icon-wrap {
    font-size: 22px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    margin-top: 1px !important;
}

.bqcs-cb-body {
    flex: 1 !important;
}

.bqcs-cb-body strong {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1e3a8a !important;
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    line-height: 1.3 !important;
}

.bqcs-cb-body p {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 13px !important;
    color: #1e40af !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    line-height: 1.6 !important;
}

.bqcs-cb-body p strong {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1e3a8a !important;
    display: inline !important;
    margin: 0 !important;
}

.bqcs-cb-body ul {
    margin: 6px 0 8px 18px !important;
    padding: 0 !important;
    list-style: disc !important;
}

.bqcs-cb-body ul li {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 13px !important;
    color: #1e40af !important;
    font-weight: 600 !important;
    margin-bottom: 3px !important;
    line-height: 1.4 !important;
}

/* ══════════════════════════════════════════════════════════════
   4. CHECKOUT BLOCK MESSAGE — minimal inline notice
   ══════════════════════════════════════════════════════════════ */

.woocommerce-error .bqcs-block-msg,
.bqcs-block-msg {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: #fff5f5 !important;
    border: 1px solid #fed7d7 !important;
    border-radius: 8px !important;
    padding: 11px 15px !important;
    margin: 0 !important;
    font-family: 'Space Grotesk', -apple-system, sans-serif !important;
    text-align: left !important;
    list-style: none !important;
}

.bqcs-block-msg__icon {
    font-size: 15px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    opacity: 0.8 !important;
}

.bqcs-block-msg__body {
    flex: 1 !important;
    line-height: 1.5 !important;
}

.bqcs-block-msg__title {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #c53030 !important;
    display: inline !important;
    margin: 0 3px 0 0 !important;
    line-height: 1.5 !important;
}

.bqcs-block-msg__text {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #742a2a !important;
    display: inline !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

.bqcs-block-msg__text strong {
    font-weight: 600 !important;
    color: #742a2a !important;
}

.woocommerce-error li:has(.bqcs-block-msg)::before {
    display: none !important;
}