/* pricing-addon.css — styles for discount UI and prices */
#promo-floating{
  position: fixed; right: 14px; bottom: 14px; z-index: 200;
  padding: 10px 14px; border-radius: 12px; border: 1px solid rgba(137,207,240,.7);
  background: rgba(137,207,240,.12); color: #89CFF0; font-weight: 800; cursor: pointer;
  box-shadow: 0 0 8px rgba(137,207,240,.4);
}
#promo-floating:hover{ background:#89CFF0; color:#0F1115; }

#promo-panel{
  position: fixed; right: 14px; bottom: 64px; z-index: 210; display:none;
  background: rgba(15,17,21,.96); color: #E6E8EC; border:1px solid rgba(255,255,255,.12);
  border-radius: 14px; padding: 12px; width: 260px; backdrop-filter: blur(6px);
}
body.theme-light #promo-panel{ background: rgba(255,255,255,.95); color:#0F1115; border-color: rgba(0,0,0,.12); }
#promo-panel.show{ display:block; }
#promo-panel .promo-title{ font-weight:800; margin-bottom: 8px; }
#promo-panel input{ width: 100%; padding: 10px; border-radius: 10px; border:1px solid rgba(255,255,255,.2); background: transparent; color: inherit; }
#promo-panel .promo-actions{ display:flex; gap:8px; margin-top:8px; }
#promo-panel .promo-actions button{
  flex:1; padding:8px 10px; border-radius:10px; border:1px solid rgba(137,207,240,.7);
  background: rgba(137,207,240,.12); color:#89CFF0; font-weight:700; cursor:pointer;
}
#promo-panel .promo-actions button:hover{ background: #89CFF0; color:#0F1115; }
#promo-panel .promo-hint{ font-size:12px; opacity:.8; margin-top:6px; }

.old-price{ text-decoration: line-through; opacity:.7; margin-right: 8px; display:inline-block; }
.discount-badge{ display:inline-block; margin-right: 8px; padding:2px 6px; border-radius: 8px; border:1px solid rgba(137,207,240,.7); color:#89CFF0; font-size:12px; }
.new-price{ font-weight: 800; color:#89CFF0; }