.cursor{
    cursor: pointer;
}

.active{
    background-color: black;
    color: #dec291!important;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
            box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.nastop-card {
    -webkit-transition: -webkit-transform .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    transition: transform .2s ease-in-out, box-shadow .2s ease-in-out;
    transition: transform .2s ease-in-out, box-shadow .2s ease-in-out, -webkit-transform .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    cursor: pointer;
}

.nastop-card:hover {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.modal-oblika {
    border-radius: 15px;
    overflow: hidden;
    /* Preprečuje, da bi vsebina "štrlela" čez zaobljene robove */
}

.gumbi {
    min-width: 120px;
    /* Določa minimalno širino gumbov */
    padding: 10px 20px;
    /* Notranji odmik za večje gumbe */
    font-size: 1rem;
    /* Velikost pisave */
}