/* Tesis Alanları */
#tesisalanlari {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
    min-height: calc(100vh - 120px);
}

.tesisalani {
    color: #333;
    flex: 0 1 200px;
    max-width: 220px;
    height: 200px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 16px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .tesisalani:hover {
        transform: translateY(-5px) scale(1.05);
        box-shadow: 0 12px 24px rgba(0,0,0,0.15);
    }

    .tesisalani i {
        font-size: 50px;
        transition: transform 0.3s ease;
    }

    .tesisalani:hover i {
        transform: scale(1.8);
    }

/* Tesis Birimleri */
.tesisBirimleri {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    margin-left: auto; /* listeyi sağa yasla */
    flex-wrap: wrap; /* çok eleman gelirse alt satıra geçsin */
}

.tesisBirim {
    margin: 5px;
    color: #fff;
    padding: 6px 10px;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    transition: background 0.3s ease;
    /* background yok → default transparan */
}

    .tesisBirim:hover {
        background: rgba(0, 150, 0, 0.8); /* hover rengi */
    }

    /* Seçili (aktif) öğe */
    .tesisBirim.active {
        background: green !important; /* seçili olan yeşil */
        font-weight: bold;
    }

.list_gunlukprogramlar {
    gap: 15px;
    padding: 15px;
}

.rezervasyonProgramlari-box {
    width: 160px;
    height: 130px;
}


.rezervasyonProgramlari-card {
    background-color: rgba(255,255,255,0.1) !important;
    color: #fff;
    transition: background-color 0.3s ease;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 8px;
}

    .rezervasyonProgramlari-card .card {
        border: 1px solid #fff;
        color: #fff;
        background: rgba(255, 255, 255, 0.6);
    }


    .rezervasyonProgramlari-card.active {
        background-color: #095654 !important;
        color: #fff;
    }

.form_basvuru .form-control {
    background-color: rgba(75, 75, 75, 0.5) !important; /* #095654 renginin şeffaf hali */
    backdrop-filter: blur(8px); /* cam efekti */
    border: 1px solid rgba(255, 255, 255, 0.3); /* hafif çerçeve */
    color: #fff; /* yazı rengi beyaz */
}

    /* Normal placeholder rengi */
    .form_basvuru .form-control::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

    /* Disabled inputlar için kırmızı arka plan ve yazı rengi */
    .form_basvuru .form-control:disabled {
        background-color: #ffcccc !important; /* açık kırmızı arka plan */
        color: #900 !important; /* koyu kırmızı yazı */
        border: 1px solid #900 !important; /* kırmızı kenarlık */
    }

   


/* Rezervasyon Seçim */
#modalRezervasyonSecim .modal-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    max-width: none;
}

#modalRezervasyonSecim .modal-content {
    height: 100%;
    border: none;
    border-radius: 0;
    background-color: rgba(55, 55, 55, 0.7) !important;
    backdrop-filter: blur(6px);
}

#modalRezervasyonSecim .modal-header .btn {
    color: #fff;
    transition: color 0.3s ease;
}

    #modalRezervasyonSecim .modal-header .btn:hover {
        color: #fff;
        background: red !important;
    }

#modalRezervasyonSecim .modal-body {
    height: calc(100% - 56px);
    overflow-y: auto;
}


    #modalRezervasyonSecim .modal-title,
    #modalRezervasyonSecim .modal-header h5,
    #modalRezervasyonSecim .modal-body h6,
    #modalRezervasyonSecim .modal-footer button {
        color: #fff !important;
    }

#modalRezervasyonSecim .modal-header,
#modalRezervasyonSecim .modal-footer {
    background: transparent !important;
    border: none;
}

.modal-backdrop.show {
    backdrop-filter: blur(6px);
    background-color: rgba(0,0,0,0.7);
}


.wrapper {
    background: url('/asset/etkinlikbasvuru/img/bg/basvuru.jpg') no-repeat center center fixed;
    background-size: cover;
}

.main-header {
    background-color: rgba(255, 255, 255, 0.9) !important; /* %50 opacity siyah */
}

.main-footer {
    background-color: rgba(0, 0, 0, 0.5) !important; /* %50 opacity siyah */
}

.main-header a,
.main-header .nav-link {
    color: black !important; /* yazılar turuncu */
    font-weight: bold !important; /* Kalın font */
}


.main-footer {
    color: white !important; /* yazılar turuncu */
    font-weight: bold !important; /* Kalın font */
}


.content-wrapper {
    background: transparent !important;
    position: relative; /* modal için referans noktası */
}


#calendar {
    border: 1px solid rgba(255, 255, 255, 0.3); /* tek sınır, yarı transparan */
    border-radius: 8px;
}
/* Takvim kapsayıcısının dış çerçevesini kaldır */
/* Takvim kapsayıcısının dış çerçevesini kaldır */
/* Takvim kapsayıcısının dış çerçevesini kaldır */


/* Scrollgrid ve grid çizgilerini tamamen kaldır */
.fc .fc-scrollgrid,
.fc .fc-scrollgrid * {
    border: none !important;
}

/* Alt ve sağ kenarlıkları kaldır */
.fc .fc-daygrid tr:last-child td {
    border-bottom: none !important;
}

.fc .fc-daygrid td:last-child {
    border-right: none !important;
}

/* Gün hücreleri kutulu ve radiuslu olsun */
.fc .fc-daygrid-day-frame {
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 8px;
    overflow: hidden;
}

/* Hafta başlıkları kutulu ve radiuslu olsun */
.fc .fc-col-header-cell {
    border: 1px solid rgba(255,255,255,0.9);
    border-radius: 30px;
    background: rgba(255,255,255,0.7);
    overflow: hidden;
}


/* Gün hücrelerinin arka plan kutusunu kaldır */
.fc .fc-daygrid-day,
.fc .fc-daygrid-day-bg {
    border: none !important;
    background: none !important;
}

    /* Seçili gün Bootstrap info rengine yakın olsun */
    .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
        background-color: rgba(65,65,65,0.5);
        color: #fff;
        border: 1px solid #0bbbe0;
        border-radius: 8px;
        overflow: hidden;
    }
/* Gün numaralarını kalın, ortalı ve büyük puntolu yap */
.fc .fc-daygrid-day-number {
    font-weight: bold; /* kalın */
    font-size: 22px; /* büyük punto */
    display: flex; /* flex ile ortalama */
    justify-content: center; /* yatay ortalama */
    align-items: center; /* dikey ortalama */
    width: 100%; /* hücre genişliği kadar */
    height: 100%; /* hücre yüksekliği kadar */
    color: #fff; /* siyah yazı */
    text-decoration: none; /* link alt çizgisini kaldır */
    position: absolute; /* hücreyi kaplasın */
    top: 0;
    left: 0;
    border: 1px solid orange; /* tek sınır, yarı transparan */
    border-radius: 8px;
}

/* Tüm FullCalendar butonları */
.fc .fc-button {
    color: #fff !important; /* yazılar beyaz */

    border: 1px solid #0bbbe0 !important; /* daha koyu info sınır */
    border-radius: 6px; /* köşeleri yuvarlat */
    padding: 6px 12px; /* iç boşluk */
    font-weight: bold; /* kalın yazı */
}

    /* Hover (üzerine gelince) efekti */
    .fc .fc-button:hover {
        background-color: #0bbbe0 !important;
        border-color: #095654 !important;
    }

/* Aktif/Seçili buton */
.fc .fc-button-active {
    background-color: #0dcaf0 !important; /* Bootstrap info rengi */
    border-color: #0bbbe0 !important;
    color: #fff !important;
}


#loadingSpinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2000; /* modal'ın üstünde */
}


.asd1 {
    border: 1px solid rgba(255, 255, 255, 0.3); /* tek sınır, yarı transparan */
    border-radius: 8px;
    margin: 15px;
    padding: 15px;
    color: white;
    height: 600px;
}

.asd {
    border: 1px solid rgba(255, 255, 255, 0.3); /* tek sınır, yarı transparan */
    border-radius: 8px;
    margin: 15px;
    padding: 5px;
    color: white;
    min-height: 600px;
    height: auto; /* içerik kadar yükseklik */
} 

/* Mobil cihazlarda otomatik yükseklik */
@media (max-width: 768px) {
    .asd {
        margin: 5px;
        height: auto; /* içerik kadar yükseklik */
    }
}