body{
     background-image: url('background.png');
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     background-attachment: fixed; 
     font-family: 'Alata', sans-serif;
    }

 
    
 
 /* Seçili slayt rengi */
 .swiper-slide-selected {
    background-color: #545d5c!important;
    color: #fff!important;
}
.gun-slide{
    background-color: white;
    color: black;
    box-shadow: 5px 5px 10px #aaaaaa;
    text-align: center;
    padding: 25px 5px;
    border-radius: 8px;
}
 

  /* Radio düğmesi stilini gizle */
.gunler input[type="radio"],.mekanlar input[type="radio"]  {
    display: none;
}

/* Özel stil için label etiketi */
.gunler label {
    cursor: pointer;
    position: relative;
   
    display: inline-block;
    background-color: white; /* Buton arka plan rengi */
    color: rgb(57, 55, 55); /* Buton metin rengi */
    border: 2px solid white; /* Kenarlık rengi */
    border-radius: 5px; /* Köşe yuvarlaklığı */
    transition: background-color 0.3s, border-color 0.3s;
    padding :0px 15px;
    margin-right: 15px;
    margin-bottom:20px;
}

/* Seçili durumu için buton stil */
.gunler input[type="radio"]:checked + label {
    background-color: #545d5c; /* Seçili durumda buton arka plan rengi */
    color: white; /* Seçili durumda buton metin rengi */
    border-color: #545d5c; /* Seçili durumda kenarlık rengi */
}

.gunler .kapali{
    background-color: #e6e6e6;
    color: #a6a6a6;
    border-color: #e6e6e6;

}


/* Buton içeriği stil */
.gunler label span {
    font-size: 16px;
    margin: 0 10px; /* Metin ile kenarlık arasındaki boşluk */
}

.misafiralan input{
    width:15px;
    background-color: none;
    border: none;
    padding: 0px;
    text-align: center;
}

.misafiralan{
    background-color: white;

}
.misafiralan span{
    font-size:12px;
    color:rgb(40, 39, 39);
}
/* Yeşil checkbox */
.gunler input[type="checkbox"]:checked + label {
    background-color: #69ecc5!important; /* Seçili durumda buton arka plan rengi */
    color: white; /* Seçili durumda buton metin rengi */
    border-color: #69ecc5; /* Seçili durumda kenarlık rengi */
}
.rezbtn{
    border:2px solid #545d5c;
    color:#545d5c;
    background-color:white;
    font-size:21px;
    padding:10px 40px;
    border-radius:6px;
}

.rezbtn:hover{
    background-color: #545d5c;
    color: white;
    transition: 1.4s;
}

.onaylar chekbox{
    accent-color: #69ecc5!important;
}