/* =====================================================
   Burn Credits — Frontend v6
   #E9E9E9 bg | #FF9800 accent | #000 text | Poppins
   ===================================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

/* ── shared font scope ── */
.bcp-product-credits-badge, #bcp-fire-popup,
.bcp-cart-block, .bcp-checkout-box, .bcp-thankyou-box,
.bcp-account-wrap, .bcp-account-banner, .bcp-redeem-box {
    font-family: 'Poppins', sans-serif;
}

/* ── buttons ── */
.bcp-btn {
    display: inline-block;
    background: #FF9800; color: #000;
    font-family: 'Poppins', sans-serif; font-weight: 600; font-size: .9em;
    padding: 9px 20px; border: 2px solid #FF9800; border-radius: 6px;
    cursor: pointer; text-decoration: none;
    transition: background .18s, color .18s, border-color .18s; line-height: 1.4;
}
.bcp-btn:hover, .bcp-btn:focus {
    background: #000; color: #fff; border-color: #000; outline: none;
}

/* ════════════════════════
   FIRE POPUP
════════════════════════ */
#bcp-fire-popup {
    position: fixed; bottom: 28px; right: 28px;
    background: #000; color: #fff;
    padding: 14px 22px; border-radius: 50px;
    display: flex; align-items: center; gap: 10px;
    font-size: .95em; font-weight: 600;
    box-shadow: 0 8px 32px rgba(0,0,0,.4);
    z-index: 99999; pointer-events: none; max-width: 310px;
    border: 2px solid #FF9800;
    opacity: 0; transform: translateY(20px) scale(.9);
    transition: opacity .3s ease, transform .3s ease;
}
#bcp-fire-popup.bcp-popup-show { opacity: 1; transform: translateY(0) scale(1); }
.bcp-popup-fire {
    font-size: 1.6em; flex-shrink: 0;
    animation: bcp-flicker .55s infinite alternate;
}
@keyframes bcp-flicker {
    0%   { transform: scale(1)    rotate(-4deg); }
    100% { transform: scale(1.18) rotate(4deg);  }
}
.bcp-popup-text strong { color: #FF9800; }
.bcp-popup-text small  { color: #ccc; font-size: .82em; }

/* ════════════════════════
   PRODUCT PAGE BADGE
════════════════════════ */
.bcp-product-credits-badge {
    display: inline-block;
    background: #000; color: #fff;
    font-size: .88em; padding: 8px 16px;
    border-radius: 6px; margin: 10px 0 14px;
    border-left: 4px solid #FF9800;
    transition: all .2s ease;
}
.bcp-product-credits-badge strong { color: #FF9800; }
.bcp-product-credits-badge small  { color: #bbb; }
.bcp-product-credits-badge a      { color: #FF9800; font-weight: 600; }

/* ════════════════════════
   CART CREDITS BLOCK
════════════════════════ */
.bcp-cart-block {
    background: #000; border: 2px solid #FF9800;
    border-radius: 10px; padding: 14px 18px; margin-top: 14px;
    font-family: 'Poppins', sans-serif;
}
.bcp-cart-inner {
    display: flex; align-items: flex-start; gap: 12px;
}
.bcp-cart-flame {
    font-size: 1.8em; flex-shrink: 0;
    animation: bcp-flicker .55s infinite alternate;
}
.bcp-cart-text {
    display: flex; flex-direction: column; gap: 3px;
}
.bcp-cart-text strong { color: #FF9800; font-size: 1em; font-weight: 700; }
.bcp-cart-val  { color: #ccc; font-size: .85em; margin-left: 5px; }
.bcp-cart-note { color: #ccc; font-size: .82em; }
.bcp-cart-block a { color: #FF9800; font-weight: 600; }

/* ════════════════════════
   CHECKOUT ORDER-REVIEW ROW
════════════════════════ */
.bcp-order-credits-row th,
.bcp-order-credits-row td {
    background: #fff8ee !important;
    font-family: 'Poppins', sans-serif; font-size: .92em;
}
.bcp-order-credits-row th { font-weight: 700; }
.bcp-orange { color: #FF9800; font-weight: 700; }

/* ════════════════════════
   CHECKOUT SUMMARY BOX
════════════════════════ */
.bcp-checkout-box {
    background: #E9E9E9; border: 2px solid #FF9800;
    border-radius: 10px; padding: 16px 20px; margin-bottom: 20px;
    font-family: 'Poppins', sans-serif; font-size: .93em; color: #000;
}
.bcp-checkout-box-hdr {
    font-weight: 700; font-size: 1.05em;
    margin-bottom: 10px; padding-bottom: 8px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.bcp-cko-row {
    display: flex; justify-content: space-between; align-items: center;
    padding: 5px 0; border-bottom: 1px solid rgba(0,0,0,.06); gap: 8px;
}
.bcp-cko-row:last-child { border-bottom: none; }
.bcp-earn-strong { color: #2e7d32; font-weight: 700; }
.bcp-cko-redeem strong { color: #c62828; }
.bcp-cko-apply {
    margin-top: 8px; font-size: .9em;
}
.bcp-cko-apply a { color: #FF9800; font-weight: 600; }
.bcp-cko-guest { font-size: .9em; color: #333; flex-wrap: wrap; }
.bcp-cko-guest a { color: #FF9800; font-weight: 600; }

/* ════════════════════════
   THANK YOU BOX
════════════════════════ */
.bcp-thankyou-box {
    background: #000; color: #fff;
    padding: 18px 22px; border-radius: 10px; margin: 20px 0;
    font-family: 'Poppins', sans-serif; font-size: .95em;
    border-left: 5px solid #FF9800;
}
.bcp-thankyou-box strong { color: #FF9800; }
.bcp-thankyou-box a      { color: #FF9800; font-weight: 600; }

/* ════════════════════════
   MY ACCOUNT BANNER
════════════════════════ */
.bcp-account-banner {
    display: flex; align-items: center; gap: 14px;
    background: #E9E9E9; border: 2px solid #FF9800;
    padding: 16px 22px; border-radius: 10px; margin-bottom: 24px;
    flex-wrap: wrap; font-family: 'Poppins', sans-serif;
}
.bcp-banner-fire { font-size: 2em; }
.bcp-account-banner strong { font-size: 1.1em; font-weight: 700; }
.bcp-banner-link { margin-left: auto; }

/* ════════════════════════
   MY ACCOUNT — BURN CREDITS PAGE
════════════════════════ */
.bcp-account-wrap { max-width: 700px; font-family: 'Poppins', sans-serif; }

.bcp-account-balance {
    display: flex; align-items: center; gap: 18px;
    background: #000; color: #fff;
    border-radius: 14px; padding: 24px 28px; margin-bottom: 28px;
}
.bcp-fire-icon { font-size: 3em; }
.bcp-balance-number { font-size: 2em; font-weight: 800; color: #FF9800; }
.bcp-balance-number span { font-size: .52em; font-weight: 400; color: #ccc; }
.bcp-balance-value { font-size: 1em; color: #ccc; margin-top: 4px; }

.bcp-explainer {
    background: #E9E9E9; border: 1.5px solid #ddd;
    border-radius: 10px; padding: 20px 24px; margin-bottom: 24px;
}
.bcp-explainer h3 { margin-top: 0; font-weight: 700; }
.bcp-explainer ul { margin: 10px 0 16px 18px; }
.bcp-explainer li { margin-bottom: 6px; }
.bcp-table-mini { margin-top: 14px; }
.bcp-table-mini table { border-collapse: collapse; font-size: .9em; }
.bcp-table-mini th, .bcp-table-mini td { border: 1px solid #ccc; padding: 6px 14px; text-align: center; }
.bcp-table-mini th { background: #000; color: #fff; }

.bcp-redeem-box {
    background: #fff; border: 2px solid #FF9800;
    border-radius: 10px; padding: 20px 24px; margin-bottom: 24px;
}
.bcp-redeem-box h3 { margin-top: 0; font-weight: 700; }
.bcp-redeem-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 14px 0; }
.bcp-redeem-row input {
    padding: 8px 12px; border: 2px solid #FF9800; border-radius: 8px;
    font-size: 1em; width: 140px; font-family: 'Poppins', sans-serif; color: #000;
}
.bcp-redeem-row input:focus { outline: none; border-color: #000; }
.bcp-redeem-calc { font-size: 1em; font-weight: 600; }
.bcp-redeem-note { font-size: .82em; color: #666; margin: 0; }
.bcp-redeem-locked { border-color: #ccc; background: #E9E9E9; }

.bcp-msg { display: block; margin-top: 12px; padding: 10px 16px; border-radius: 8px; font-weight: 600; }
.bcp-msg-success { background: #d1fae5; color: #065f46; }
.bcp-msg-error   { background: #fee2e2; color: #991b1b; }
.bcp-msg-success a { color: #FF9800; font-weight: 700; }

.bcp-redemption-history { margin-top: 24px; }
.bcp-redemption-history h3 { font-weight: 700; }

/* ════════════════════════
   MOBILE
════════════════════════ */
@media (max-width: 600px) {
    #bcp-fire-popup { bottom:16px; right:16px; left:16px; max-width:none; border-radius:14px; }
    .bcp-account-balance { flex-direction:column; text-align:center; }
    .bcp-account-banner  { flex-direction:column; }
    .bcp-banner-link     { margin-left:0; }
    .bcp-cko-row         { flex-direction:column; align-items:flex-start; }
}