.gs-options-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.gs-user-seminaire-card {
    background: #fff;
    border-left: 8px solid #0073e6; /* liseré bleu à gauche */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    padding: 20px;
    margin-bottom: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.gs-user-seminaire-card:hover {
    transform: translateY(10px);
    box-shadow: 0 8px 116px rgba(0,0,0,0.2);
}

/* Carte ouverte (active) */
.gs-user-seminaire-card.active {
    transform: translateX(20px); /* reste décalée même sans hover */
}

.gs-card-title {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.3rem;
}

.gs-toggle-options-btn {
    background: #0073e6;
    color: #fff;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    margin: 10px 0;
    cursor: pointer;
    font-weight: 500;
}

.gs-toggle-options-btn:hover {
    background: #005bb5;
}

.gs-reservation-options {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.gs-reservation-options input[type="text"] {
    width: 100%;
    padding: 8px;
    margin-bottom: 8px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.gs-reservation-options label {
    display: block;
    margin-bottom: 5px;
}

.gs-update-participant,
.gs-cancel-edit {
    background: #0073e6;
    color: #fff;
    border: none;
    padding: 8px 14px;
    border-radius: 4px;
    margin-top: 10px;
    margin-right: 5px;
    cursor: pointer;
    font-weight: 500;
}

.gs-update-participant:hover,
.gs-cancel-edit:hover {
    background: #005bb5;
}

.deadline-expired {
    color: #ff0000;
    font-weight: 500;
}

.gs-seminaire-card.expired {
    opacity: 0.5;            /* grise visuellement */
    pointer-events: none;     /* désactive tous les clics */
    user-select: none;        /* empêche de sélectionner le texte */
}

.gs-seminaire-card.expired h2,
.gs-seminaire-card.expired .gs-seminaire-info,
.gs-seminaire-card.expired .expired-summary {
    opacity: 1;               /* on veut que le texte reste lisible */
}

.gs-seminaire-card.expired .gs-reservation-options {
    display: block; /* pour afficher les infos */
    pointer-events: auto; /* juste les infos restent interactives si besoin */
}