/* Pricing overrides to make plan cards selectable and keep dark neon theme */
.selectable-plan{cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .12s}
.selectable-plan .card-body{transition:transform .14s ease}
.selectable-plan:hover{transform:translateY(-6px);box-shadow:0 18px 48px rgba(106,13,173,0.12);border-color:var(--accent)}
.selectable-plan.selected{border-color:var(--accent);box-shadow:0 20px 60px rgba(106,13,173,0.16);transform:translateY(-8px)}
.selectable-plan .choose-plan{display:inline-flex;align-items:center}
.selectable-plan .choose-plan .fa-check{margin-left:8px;opacity:0;transform:translateX(6px);transition:opacity .12s,transform .12s}
.selectable-plan.selected .choose-plan .fa-check{opacity:1;transform:translateX(0)}
/* make the card body more spacious but simple */
.pricing-card .card-body{padding:20px}
.features-list{margin-left:0;padding-left:0;list-style:none}
.features-list li{padding:6px 0;color:var(--muted)}
/* highlight selected plan header */
.selectable-plan .card-title{color:#fff}
/* Keep inputs and buttons dark styled where needed */
.checkout-card .card{background:transparent;border:none}
/* Responsive improvements */
@media (max-width:768px){
  .selectable-plan{transform:none !important}
}

/* Coupon small cards above plans */
.coupon-row{display:flex;gap:12px;align-items:center;justify-content:center;margin-bottom:18px}
.coupon-card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,0.03);color:var(--muted);font-weight:600;display:inline-flex;gap:8px;align-items:center}
.coupon-card .coupon-code{background:rgba(138,43,226,0.12);padding:4px 8px;border-radius:6px;color:var(--accent);font-weight:700}

/* Plan-level coupon badge (top-left) */
.plan-coupon-badge{position:absolute;left:8px;top:8px;background:rgba(138,43,226,0.12);color:var(--accent);padding:3px 4px;border-radius:6px;font-weight:700;border:1px solid rgba(138,43,226,0.08)}
.pricing-card{position:relative}

/* Price styling: original price crossed and discounted price prominent */
.price-original{text-decoration:line-through;color:var(--muted);font-size:0.95rem;margin-right:8px}
.price-discount{color:#fff;font-weight:800;font-size:1.15rem}
.price-normal{color:#fff;font-weight:800;font-size:1.15rem; text-decoration:none;}

/* Center the plans area when sidebar removed */
.plans-only-container{max-width:1100px;margin:0 auto;padding:20px}

/* Selected button styles */
.choose-plan.selected{display:inline-flex;align-items:center}
.btn.ghost.selected{background:linear-gradient(90deg, rgba(138,43,226,0.12), rgba(107,43,217,0.08));color:#fff;border:1px solid rgba(138,43,226,0.14);box-shadow:0 8px 30px rgba(106,13,173,0.06)}
.btn.primary.selected{box-shadow:0 12px 36px rgba(75,0,130,0.14)}
.choose-plan .fa-check{margin-left:8px}