.disabled {
    color: #aaa;
}
.disabled input {
    pointer-events: none;
}
.booked {
    background-color: #f0f0f0;
    pointer-events: none;
}

.foglalas-box{
    background-image: linear-gradient(to bottom, #1a1a1a 0%, rgba(0, 0, 0, 0) 80%, #1a1a1a), 
    url(../img/bg_termunkrol.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.foglalas-cim{
    margin-top: 100px;
    font-size: 60px;
    font-weight: bold;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
}

.foglalas-alcim{
    font-size: 25px;
    font-weight: bold;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
}

input[type="radio"] {
    display: none;
}

#idopontok{
    text-align: center;
    width: 65%;
}

select, input{
    width: 200px;
    height: 35px;
    border-radius: 5px;
    padding: 0px 20px;
    background-color: rgba(255, 255, 255, 0.856);
    border: none;
    box-shadow: 5px 5px 25px rgba(0,0,0,1.0);
}

.idopont-engedelyezett span{
    width: 200px;
    display: inline-block;
    background-color: rgba(187, 172, 107, 0.658);
    box-shadow: 5px 5px 25px rgba(0,0,0,0.8);
    backdrop-filter: blur(10px);
    border-radius: 5px;
    color: #ffffff;
    margin: 20px 10px;
    text-shadow: 1px 1px 3px rgba(0,0,0,1);
    font-weight: bold;
}

.idopont-engedelyezett:hover span:not(.idopont-foglalt) {
    background-color: #f0d374cb; /* Narancssárga a hover szín */
    cursor: pointer;
    transform: scale(1.05); /* Kicsit nagyobbá válik a hover során */
}

.idopont-engedelyezett input[type="radio"]:checked + span {
    background-color: #fdd140cb; /* Zöld háttér a kiválasztott időpontnál */
    color: white;
}

.idopont-foglalt span{
    width: 200px;
    display: inline-block;
    background-color: rgba(80, 74, 49, 0.658);
    box-shadow: 5px 5px 25px rgba(0,0,0,0.8);
    backdrop-filter: blur(10px);
    border-radius: 5px;
    color: #ffffff;
    margin: 20px 10px;
    text-shadow: 1px 1px 3px rgba(0,0,0,1);
}

.idopont-foglalas-gomb{
    width: 200px;
    height: 45px;
    border: none;
    font-size: 17px;
    font-weight: bold;
    display: inline-block;
    background-color: rgba(104, 63, 30, 0.658);
    box-shadow: 5px 5px 25px rgba(0,0,0,0.8);
    backdrop-filter: blur(10px);
    border-radius: 5px;
    color: #ffffff;
    margin: 20px 10px;
}

.idopont-foglalas-gomb:hover{
    background-color: rgba(129, 85, 49, 0.658); 
    transition: 0.2s;
}

.foglalas-sikeres{
    color: #6fd662;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.8);
}

@media (max-width: 996px){
    .foglalas-cim{
        font-size: 35px;
    }
}