/* Custom Subscriptions – Frontend Styles */
.cs-price { font-size: 1.1em; font-weight: 700; }
.cs-per   { font-size: .85em; font-weight: 400; color: #666; }
.cs-signup-fee, .cs-trial { color: #555; }

/* My Account table overrides */
.cs-status {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}
.cs-status-active    { background: #d4edda; color: #155724; }
.cs-status-trial     { background: #cce5ff; color: #004085; }
.cs-status-hold      { background: #fff3cd; color: #856404; }
.cs-status-cancelled { background: #f8d7da; color: #721c24; }
.cs-status-expired   { background: #e2e3e5; color: #383d41; }
.cs-status-pending   { background: #fff3cd; color: #856404; }

/* Stripe card element */
#cs-stripe-card-element {
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    transition: border-color .2s;
}
#cs-stripe-card-element.StripeElement--focus { border-color: #96588a; }
#cs-stripe-card-errors { color: #e2401c; font-size: 13px; margin-top: 6px; }