/* SLEY – Ilmoittaudu-nappi List View -korteissa */
.tec-reg-slot--list {
    margin-top: 0.5rem !important;
    margin-bottom: 1rem !important;
    text-align: left !important;
}

.tec-reg-button {
    display: inline-block !important;
    padding: 0.5rem 0.75rem !important;
    border-radius: 0.375rem !important;
    background-color: #10b981 !important;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    transition: filter 0.3s ease !important;
}

.tec-reg-button:hover,
.tec-reg-button:focus {
    filter: brightness(0.95) !important;
    text-decoration: none !important;
}

/* Epäaktiivinen nappi (ilmoittautuminen päättynyt) */
.tec-reg-button--expired {
    background-color: #ccc !important;
    color: #666 !important;
    cursor: not-allowed !important;
    transition: none !important;
}

.tec-reg-button--expired:hover,
.tec-reg-button--expired:focus {
    filter: none !important;
}

.tec-reg-button--pending {
    background-color: #f59e0b !important;
    color: #1f2937 !important;
    cursor: not-allowed !important;
    transition: none !important;
}

.tec-reg-button--pending:hover,
.tec-reg-button--pending:focus {
    filter: none !important;
}

/* Responsiivisuus pienemmille näytöille */
@media (max-width: 768px) {
    .tec-reg-slot--list {
        text-align: left !important; /* Painike vasemmassa laidassa */
    }
}