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

:root {
    --bdec-brand-color: #16a34a;
}

/* Trigger Button */
.bdec-trigger-btn {
    width: 100%;
    margin-top: 10px;
    background: var(--bdec-brand-color) !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px !important;
    border-radius: 8px !important;
    border: none !important;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Sticky Bottom Bar */
#bdec-sticky-bar {
    position: fixed; bottom: 0; left: 0; width: 100%;
    background: #ffffff; padding: 10px 15px;
    box-shadow: 0 -4px 15px rgba(0,0,0,0.1); z-index: 9999;
    box-sizing: border-box;
}
.bdec-sticky-hidden { display: none !important; }

/* Modal Styles */
#bdec-modal-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(15, 23, 42, 0.75); backdrop-filter: blur(4px);
    display: flex; justify-content: center; align-items: center;
    z-index: 999999; font-family: 'Hind Siliguri', sans-serif;
}
.bdec-modal-hidden { display: none !important; }

.bdec-modal-content {
    background: #ffffff; width: 92%; max-width: 450px;
    max-height: 90vh; overflow-y: auto; padding: 24px;
    border-radius: 16px; position: relative;
}

#bdec-modal-close {
    position: absolute; right: 16px; top: 16px; width: 32px; height: 32px;
    background: #f1f5f9; border-radius: 50%; display: flex;
    align-items: center; justify-content: center; font-size: 20px;
    font-weight: bold; color: #64748b; cursor: pointer;
}

/* Header & Conversion Widgets */
.bdec-header { text-align: center; margin-bottom: 12px; }
.bdec-header h3 { font-size: 22px; font-weight: 700; color: #0f172a; margin: 0; }

.bdec-conversion-widgets {
    display: flex; justify-content: space-between; font-size: 12px;
    background: #f8fafc; padding: 8px 12px; border-radius: 8px; margin-bottom: 10px;
}
.bdec-stock-alert { color: #dc2626; }

.bdec-timer-box {
    background: #fef2f2; color: #991b1b; text-align: center;
    padding: 8px; border-radius: 8px; font-weight: 600; font-size: 13px; margin-bottom: 16px;
}

/* Offers Stack */
.bdec-offers-wrapper { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.bdec-offer-card {
    display: flex; align-items: center; gap: 12px; border: 2px solid #e2e8f0;
    padding: 10px 12px; border-radius: 12px; cursor: pointer; position: relative; background: #fff;
}
.bdec-offer-card.active { border-color: var(--bdec-brand-color); background: #f0fdf4; }
.bdec-offer-card img { width: 48px; height: 48px; object-fit: cover; border-radius: 8px; }
.bdec-offer-info { flex-grow: 1; display: flex; flex-direction: column; }
.bdec-price del { font-size: 12px; color: #94a3b8; }
.bdec-price ins { text-decoration: none; font-size: 15px; font-weight: 700; color: var(--bdec-brand-color); }

.bdec-badge-tag {
    position: absolute; right: 10px; top: -10px; background: var(--bdec-brand-color);
    color: #fff; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 20px;
}

/* Form Fields */
.bdec-section-title { font-size: 15px; font-weight: 700; color: #334155; margin: 16px 0 10px 0; }
.bdec-field { margin-bottom: 12px; }
.bdec-field label { display: block; font-size: 13px; font-weight: 600; color: #475569; margin-bottom: 4px; }
.bdec-field input { width: 100%; padding: 10px 14px; border: 1.5px solid #cbd5e1; border-radius: 8px; font-size: 14px; box-sizing: border-box; }

/* Shipping Stack */
.bdec-shipping-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
.bdec-shipping-item { border: 1.5px solid #e2e8f0; padding: 12px; border-radius: 10px; background: #f8fafc; }
.bdec-shipping-item.active { border-color: var(--bdec-brand-color); background: #f0fdf4; }
.bdec-shipping-item label { display: flex; justify-content: space-between; font-weight: 600; cursor: pointer; width: 100%; }

/* Bump Card & Coupon */
.bdec-order-bump-card { background: #fffbebf8; border: 1.5px dashed #f59e0b; padding: 10px; border-radius: 8px; font-size: 13px; margin-bottom: 12px; }
.bdec-coupon-wrapper { display: flex; gap: 8px; margin-bottom: 12px; }
.bdec-coupon-wrapper input { flex-grow: 1; padding: 8px; border: 1px solid #cbd5e1; border-radius: 6px; }
.bdec-coupon-wrapper button { background: #334155; color: #fff; border: none; padding: 8px 14px; border-radius: 6px; cursor: pointer; }

/* Summary & Submit */
.bdec-summary-card { background: #f8fafc; border: 1px solid #e2e8f0; padding: 14px; border-radius: 10px; margin-bottom: 16px; }
.bdec-sum-row { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 6px; }
.bdec-sum-row.total { font-size: 16px; font-weight: 700; border-top: 1px dashed #cbd5e1; padding-top: 8px; }

#bdec-submit-order-btn {
    width: 100%; background: var(--bdec-brand-color); color: #ffffff;
    padding: 14px; font-size: 17px; font-weight: 700; border: none; border-radius: 10px; cursor: pointer;
}

.bdec-trust-badges-container { display: flex; justify-content: space-around; font-size: 11px; color: #64748b; margin-top: 12px; }