/**
 * 2025 (c) Egio digital
 *
 * MODULE EgSubscription
 *
 * CSS for front office
 */

.subscription-progress {
    margin-top: 1rem;
}

.subscription-progress .progress {
    height: 1rem;
    border-radius: 0.5rem;
}

.badge {
    padding: 0.5em 0.8em;
    font-size: 0.8em;
    border-radius: 0.25rem;
}

.badge-success {
    background-color: #28a745;
    color: #fff;
}

.badge-danger {
    background-color: #dc3545;
    color: #fff;
}

.badge-warning {
    background-color: #ffc107;
    color: #212529;
}

.badge-secondary {
    background-color: #6c757d;
    color: #fff;
}

.badge-primary {
    background-color: #007bff;
    color: #fff;
}

code {
    padding: 0.2em 0.4em;
    font-size: 90%;
    color: #e83e8c;
    background-color: #f8f9fa;
    border-radius: 0.25rem;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Custom styles for subscription tab in reservation page */
#subscription-tab {
    padding: 1.5rem;
}

#subscription-tab .subscription-form {
    max-width: 600px;
    margin: 0 auto;
}