/**
 * ========================================================================
 * TATIL VİLLAMIZ - TAKVİM & TARİH SEÇİCİ ÖZEL CSS (V2)
 * ========================================================================
 * 
 * Bu dosya sadece takvim ve tarih seçici bileşenlerine odaklanır.
 * takvim.jpeg referans alınarak tasarlanmıştır.
 * 
 * TAKVİM RENK ŞEMASI (V2 - takvim.jpeg referanslı):
 * - Takvim Başlık (Ay/Yıl): #C86F2C (koyu amber/kahve) bg, beyaz yazı
 * - Müsait Günler: Beyaz bg, siyah gün numarası, #ffb200 fiyat yazısı
 * - Dolu Günler (Dolu): #E57373 / #EF5350 (kırmızı/coral) bg, beyaz yazı
 * - Giriş Günü (Giriş): Çapraz çizgili desen (kırmızı)
 * - Çıkış Günü (Çıkış): Çapraz çizgili desen (kırmızı)
 * - Beklemede: Sarı/açık amber bg
 * - Seçili: #C86F2C (koyu amber) bg
 * - Navigasyon Butonları: #C86F2C bg, beyaz yazı
 * - Takvim Kenarlığı: Açık gri (#E0E0E0) - parlak pembe DEĞİL
 * 
 * ÖNCEKİ VERSİYONDAN FARKLAR:
 * - Lacivert/mavi renkler takvimden tamamen kaldırıldı
 * - Dolu günler amber'den kırmızı/coral'a değişti
 * - Giriş/çıkış günleri çapraz çizgili desen oldu
 * - Başlık pembe gradient → koyu amber solid
 * - Kenarlık pembe → açık gri
 * 
 * Önemli: Bu dosya custom-overrides-v2.css'ten SONRA yüklenmelidir.
 * 
 * Versiyon: 2.0
 * Tarih: 2 Haziran 2026
 * ========================================================================
 */


/* ========================================================================
   1. JQUERY UI DATEPICKER - ANA YAPILANDIRMA
   ======================================================================== */

/**
 * Ana takvim container - Açık gri kenarlık (pembe DEĞİL)
 * Mavi arka plan üzerinde beyaz takvim kutusu
 */

/* Ana datepicker container */
.ui-datepicker,
#ui-datepicker-div {
    background-color: #ffffff !important;
    border: 2px solid #E0E0E0 !important;        /* Açık gri kenarlık - pembe değil */
    border-radius: 0 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2) !important;
    padding: 0 !important;
    font-family: 'Inter', sans-serif !important;
    overflow: hidden;
}

/* ===== TAKVİM BAŞLIĞI (Ay/Yıl) - Koyu amber/kahve ===== */
.ui-datepicker-header {
    background-color: #C86F2C !important;         /* Koyu amber/kahve */
    background-image: none !important;             /* Gradient kaldırıldı */
    border: none !important;
    border-radius: 0 !important;
    padding: 0.875rem 1rem !important;
    color: #ffffff !important;
}

/* Ay ve yıl başlığı - Beyaz yazı */
.ui-datepicker-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.125rem !important;
    text-align: center !important;
}

.ui-datepicker-title .ui-datepicker-month,
.ui-datepicker-title .ui-datepicker-year {
    color: #ffffff !important;
}

/* ===== NAVİGASYON BUTONLARI (Önceki Ay / Sonraki Ay) ===== */
.ui-datepicker-prev,
.ui-datepicker-next {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    background-color: rgba(255, 255, 255, 0.35) !important;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
    color: #ffffff !important;
}

/* Takvim tablosu */
.ui-datepicker-calendar {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 3px !important;
    margin: 0 !important;
    padding: 0.75rem !important;
}

/* Haftanın günleri başlığı (Pzt, Sal, Çar...) */
.ui-datepicker-calendar thead th {
    color: #888888 !important;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
    padding: 0.5rem 0.25rem !important;
    text-align: center !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Takvim hücreleri (td) */
.ui-datepicker-calendar td {
    padding: 0 !important;
    text-align: center !important;
    border: none !important;
    border-radius: 0 !important;
    position: relative;
}


/* ========================================================================
   2. MÜSAİT GÜNLER (Beyaz bg, siyah numara, amber fiyat)
   ======================================================================== */

/**
 * Müsait günler: Beyaz arka plan, siyah gün numarası.
 * Fiyat yazısı #ffb200 amber renkte.
 */

/* Varsayılan gün hücreleri - MÜSAİT */
.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
    display: block !important;
    padding: 0.5rem 0.3rem !important;
    text-align: center !important;
    text-decoration: none !important;
    color: #333333 !important;                     /* Siyah gün numarası */
    background-color: #ffffff !important;           /* Beyaz arka plan */
    border: 1px solid #E8E8E8 !important;          /* Çok hafif gri kenarlık */
    border-radius: 0 !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    min-height: 48px !important;
}

/* Müsait gün fiyat yazısı - Amber #ffb200 */
.ui-datepicker-calendar td a .fiyat,
.ui-datepicker-calendar td a .price,
.ui-datepicker-calendar td span .fiyat,
.ui-datepicker-calendar td span .price,
.ui-datepicker-calendar td a small,
.ui-datepicker-calendar td span small {
    color: #ffb200 !important;                     /* Amber fiyat rengi */
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    display: block !important;
    margin-top: 2px !important;
}

/* Gün hover efekti */
.ui-datepicker-calendar td a:hover {
    background-color: #FFF8E1 !important;          /* Çok açık amber */
    border-color: #ffb200 !important;
    color: #333333 !important;
    transform: scale(1.03) !important;
}


/* ========================================================================
   3. DOLU GÜNLER (Kırmızı/Coral - #E57373 / #EF5350)
   ======================================================================== */

/**
 * Rezerve edilmiş günler: Kırmızı/coral arka plan, beyaz yazı.
 * Önceki versiyondaki amber → kırmızıya değişti.
 */

.bjutdolu,
.jutdolu,
td.dolu,
td[data-status="booked"],
td[data-status="dolu"] {
    background-color: #EF5350 !important;          /* Kırmızı/coral */
    color: #ffffff !important;
    border-color: #E57373 !important;
    position: relative !important;
    font-weight: 600 !important;
    cursor: not-allowed !important;
}

/* Dolu günler link/span override */
.bjutdolu a, .bjutdolu span,
.jutdolu a, .jutdolu span,
td.dolu a, td.dolu span,
td[data-status="booked"] a, td[data-status="booked"] span,
td[data-status="dolu"] a, td[data-status="dolu"] span {
    background-color: #EF5350 !important;
    color: #ffffff !important;
    border-color: #E57373 !important;
}

/* Dolu gün fiyat yazısı da beyaz */
.bjutdolu .fiyat, .bjutdolu .price, .bjutdolu small,
.jutdolu .fiyat, .jutdolu .price, .jutdolu small,
td.dolu .fiyat, td.dolu .price, td.dolu small {
    color: rgba(255, 255, 255, 0.8) !important;
}


/* ========================================================================
   4. GİRİŞ GÜNÜ (Çapraz Çizgili Desen - Kırmızı)
   ======================================================================== */

/**
 * Giriş günü: Çapraz çizgili (diagonal stripe) desen, kırmızı.
 * takvim.jpeg'deki çizgili desene uygun.
 */

.bjutgiris,
.jutgiris,
td.giris,
td[data-status="checkin"],
td[data-status="giris"] {
    position: relative !important;
    overflow: hidden !important;
}

.bjutgiris a, .bjutgiris span,
.jutgiris a, .jutgiris span,
td.giris a, td.giris span,
td[data-status="checkin"] a, td[data-status="checkin"] span,
td[data-status="giris"] a, td[data-status="giris"] span {
    background: repeating-linear-gradient(
        -45deg,
        #ffffff,
        #ffffff 4px,
        #EF5350 4px,
        #EF5350 8px
    ) !important;
    color: #C62828 !important;                     /* Koyu kırmızı yazı */
    border: 2px solid #EF5350 !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
}

/* Giriş günü fiyat */
.bjutgiris .fiyat, .bjutgiris .price, .bjutgiris small,
.jutgiris .fiyat, .jutgiris .price, .jutgiris small,
td.giris .fiyat, td.giris .price, td.giris small {
    color: #C62828 !important;
    font-weight: 700 !important;
}


/* ========================================================================
   5. ÇIKIŞ GÜNÜ (Çapraz Çizgili Desen - Kırmızı)
   ======================================================================== */

/**
 * Çıkış günü: Çapraz çizgili (diagonal stripe) desen, kırmızı.
 * Giriş günü ile aynı desen, farklı yön ile.
 */

.bjutcikis,
.jutcikis,
td.cikis,
td[data-status="checkout"],
td[data-status="cikis"] {
    position: relative !important;
    overflow: hidden !important;
}

.bjutcikis a, .bjutcikis span,
.jutcikis a, .jutcikis span,
td.cikis a, td.cikis span,
td[data-status="checkout"] a, td[data-status="checkout"] span,
td[data-status="cikis"] a, td[data-status="cikis"] span {
    background: repeating-linear-gradient(
        45deg,
        #ffffff,
        #ffffff 4px,
        #EF5350 4px,
        #EF5350 8px
    ) !important;
    color: #C62828 !important;
    border: 2px solid #EF5350 !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
}

/* Çıkış günü fiyat */
.bjutcikis .fiyat, .bjutcikis .price, .bjutcikis small,
.jutcikis .fiyat, .jutcikis .price, .jutcikis small,
td.cikis .fiyat, td.cikis .price, td.cikis small {
    color: #C62828 !important;
    font-weight: 700 !important;
}


/* ========================================================================
   6. GİRİŞ VE ÇIKIŞ AYNI GÜN (Çapraz Çizgili - Çift Yön)
   ======================================================================== */

.bjutgiriscikis,
.jutgiriscikis,
td[data-status="checkin-checkout"],
td[data-status="giriscikis"] {
    position: relative !important;
    overflow: hidden !important;
}

.bjutgiriscikis a, .bjutgiriscikis span,
.jutgiriscikis a, .jutgiriscikis span,
td[data-status="checkin-checkout"] a, td[data-status="checkin-checkout"] span,
td[data-status="giriscikis"] a, td[data-status="giriscikis"] span {
    background: repeating-linear-gradient(
        -45deg,
        #ffffff,
        #ffffff 3px,
        #EF5350 3px,
        #EF5350 5px,
        #ffffff 5px,
        #ffffff 8px,
        #E57373 8px,
        #E57373 10px
    ) !important;
    color: #C62828 !important;
    border: 2px solid #EF5350 !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
}

/* Çıkış ve giriş aynı gün (ters) */
.cikisbgiris,
.bgiriscikis {
    position: relative !important;
    overflow: hidden !important;
}

.cikisbgiris a, .cikisbgiris span,
.bgiriscikis a, .bgiriscikis span {
    background: repeating-linear-gradient(
        45deg,
        #ffffff,
        #ffffff 3px,
        #EF5350 3px,
        #EF5350 6px
    ) !important;
    color: #C62828 !important;
    border: 2px solid #E57373 !important;
    border-radius: 0 !important;
}


/* ========================================================================
   7. BEKLEMEDE (Sarı/Açık Amber Arka Plan)
   ======================================================================== */

/**
 * Onay bekleyen günler: Sarı/açık amber arka plan.
 */

.onaybekliyor,
td.beklemede,
td[data-status="pending"],
td[data-status="beklemede"] {
    position: relative !important;
}

.onaybekliyor a, .onaybekliyor span,
td.beklemede a, td.beklemede span,
td[data-status="pending"] a, td[data-status="pending"] span,
td[data-status="beklemede"] a, td[data-status="beklemede"] span {
    background-color: #FFF9C4 !important;          /* Açık sarı */
    color: #F57F17 !important;                     /* Koyu amber yazı */
    border: 2px dashed #FFD54F !important;         /* Kesikli sarı kenarlık */
    border-radius: 0 !important;
    font-weight: 600 !important;
}

/* Beklemede fiyat rengi */
.onaybekliyor .fiyat, .onaybekliyor .price, .onaybekliyor small,
td.beklemede .fiyat, td.beklemede .price, td.beklemede small,
td[data-status="pending"] .fiyat, td[data-status="pending"] .price {
    color: #F57F17 !important;
}


/* ========================================================================
   8. SEÇİLİ GÜN (Koyu Amber #C86F2C)
   ======================================================================== */

/**
 * Kullanıcının seçtiği gün: Koyu amber arka plan, beyaz yazı.
 */

/* Seçili gün - Koyu amber */
.ui-datepicker-calendar td.ui-datepicker-current-day a,
.ui-datepicker-calendar td.ui-state-active a,
.ui-datepicker-calendar td a.ui-state-active,
td.secili a, td.secili span,
td[data-status="selected"] a, td[data-status="selected"] span {
    background-color: #C86F2C !important;          /* Koyu amber */
    border-color: #C86F2C !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Seçili gün fiyat */
.ui-datepicker-calendar td.ui-datepicker-current-day .fiyat,
.ui-datepicker-calendar td.ui-state-active .fiyat,
td.secili .fiyat, td.secili .price, td.secili small {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Bugün - Hafif amber kenarlık */
.ui-datepicker-calendar td.ui-datepicker-today a {
    background-color: #FFF8E1 !important;
    border: 2px solid #ffb200 !important;
    color: #333333 !important;
    font-weight: 700 !important;
}


/* ========================================================================
   9. SEÇİLİ ARALIK (Tarih Aralığı Seçimi)
   ======================================================================== */

/**
 * Kullanıcı tarih aralığı seçtiğinde arada kalan günler.
 */

.secilspler,
.ui-datepicker-calendar td.ui-datepicker-selected a {
    background-color: rgba(200, 111, 44, 0.12) !important;
    border-color: #C86F2C !important;
    color: #333333 !important;
}

/* Aralık başlangıcı */
.secilspler.ilki {
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(200, 111, 44, 0.15) 50%, 
        rgba(200, 111, 44, 0.1) 100%) !important;
    border-left: 3px solid #C86F2C !important;
}

/* Aralık bitişi */
.secilspler.sonu {
    background: linear-gradient(90deg, 
        rgba(200, 111, 44, 0.1) 0%, 
        rgba(200, 111, 44, 0.15) 50%, 
        transparent 100%) !important;
    border-right: 3px solid #C86F2C !important;
}

/* Aralık içindeki günler */
.secilspler.cdansonra,
.secilspler.cdansonra1,
.secilspler.cdansonra2,
.secilspler.cdansonra3,
.secilspler.cdansonra4,
.secilspler.cdansonra5,
.secilspler.cdansonra6,
.secilspler.cdansonra7 {
    background-color: rgba(200, 111, 44, 0.08) !important;
    border-top: 1px solid rgba(200, 111, 44, 0.25) !important;
    border-bottom: 1px solid rgba(200, 111, 44, 0.25) !important;
}


/* ========================================================================
   10. MÜSAİT DEĞİL / KAPALI GÜNLER
   ======================================================================== */

.musaitdegil,
.kapali,
.ui-datepicker-calendar td.disabled {
    background-color: #F5F5F5 !important;
    color: #BDBDBD !important;
    border-color: #EEEEEE !important;
    text-decoration: line-through !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

.musaitdegil a, .musaitdegil span,
.kapali a, .kapali span {
    background-color: #F5F5F5 !important;
    color: #BDBDBD !important;
    border-color: #EEEEEE !important;
}

.musaitdegil:hover,
.kapali:hover {
    background-color: #F5F5F5 !important;
    transform: none !important;
}

/* Disabled günler (jQuery UI native) */
.ui-datepicker-calendar td.ui-datepicker-unselectable span,
.ui-datepicker-calendar td.ui-state-disabled span {
    background-color: #F5F5F5 !important;
    color: #BDBDBD !important;
    border-color: #EEEEEE !important;
    cursor: not-allowed !important;
}

/* Diğer ayların günleri */
.ui-datepicker-other-month {
    opacity: 0.25 !important;
}


/* ========================================================================
   11. TAKVİM GÖSTERGE (Legend) - RENK GÜNCELLEMESI
   ======================================================================== */

/**
 * Takvim altındaki renk açıklamaları - V2 renklerine uyumlu.
 */

.gosterge,
.calendar-legend {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
    margin-top: 1rem !important;
    padding: 1rem !important;
    background-color: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 0 !important;
}

.gosterge-item,
.legend-item {
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    font-size: 0.8rem !important;
    color: #ffffff !important;
}

.gosterge-renk,
.legend-color {
    width: 22px !important;
    height: 22px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 0 !important;
    flex-shrink: 0 !important;
}

/* Gösterge renkleri - V2'ye uyumlu */

/* Müsait */
.gosterge-musait,
.legend-color.musait {
    background-color: #ffffff !important;
    border: 1px solid #E0E0E0 !important;
}

/* Dolu - Kırmızı/Coral */
.gosterge-dolu,
.legend-color.dolu {
    background-color: #EF5350 !important;
    border-color: #E57373 !important;
}

/* Giriş - Çapraz çizgili */
.gosterge-giris,
.legend-color.giris {
    background: repeating-linear-gradient(
        -45deg,
        #ffffff,
        #ffffff 3px,
        #EF5350 3px,
        #EF5350 6px
    ) !important;
    border-color: #EF5350 !important;
}

/* Çıkış - Çapraz çizgili (ters yön) */
.gosterge-cikis,
.legend-color.cikis {
    background: repeating-linear-gradient(
        45deg,
        #ffffff,
        #ffffff 3px,
        #EF5350 3px,
        #EF5350 6px
    ) !important;
    border-color: #EF5350 !important;
}

/* Beklemede - Sarı */
.gosterge-onaybekliyor,
.legend-color.beklemede {
    background-color: #FFF9C4 !important;
    border: 2px dashed #FFD54F !important;
}

/* Seçili - Koyu amber */
.gosterge-secili,
.legend-color.secili {
    background-color: #C86F2C !important;
    border-color: #C86F2C !important;
}

/* Müsait değil */
.gosterge-musaitdegil,
.legend-color.musaitdegil {
    background-color: #F5F5F5 !important;
    border: 1px solid #BDBDBD !important;
}


/* ========================================================================
   12. FLATPICKR TAKVİM STİLLERİ
   ======================================================================== */

/**
 * Flatpickr V2 renklerine göre güncellendi.
 * Lacivert/mavi tonlar kaldırıldı, koyu amber/kırmızı kullanıldı.
 */

/* Flatpickr ana container */
.flatpickr-calendar {
    background-color: #ffffff !important;
    border: 2px solid #E0E0E0 !important;          /* Gri kenarlık - pembe değil */
    border-radius: 0 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
}

/* Flatpickr aylar - Koyu amber */
.flatpickr-months {
    background-color: #C86F2C !important;
    background-image: none !important;
    border-radius: 0 !important;
}

.flatpickr-month {
    color: #ffffff !important;
}

.flatpickr-current-month {
    color: #ffffff !important;
}

.flatpickr-current-month input.cur-year {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Flatpickr navigasyon okları */
.flatpickr-prev-month,
.flatpickr-next-month {
    fill: #ffffff !important;
    color: #ffffff !important;
}

.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
    fill: #FFE0B2 !important;
    color: #FFE0B2 !important;
}

/* Flatpickr haftanın günleri */
.flatpickr-weekdays {
    background-color: #F5F5F5 !important;
}

.flatpickr-weekday {
    color: #757575 !important;
    font-weight: 600 !important;
}

/* Flatpickr günler */
.flatpickr-day {
    color: #333333 !important;
    border: 1px solid #E8E8E8 !important;
    border-radius: 0 !important;
    background-color: #ffffff !important;
}

.flatpickr-day:hover {
    background-color: #FFF8E1 !important;
    border-color: #ffb200 !important;
}

/* Flatpickr - Seçili gün - Koyu amber/turuncu
   (inline <style> background:#13357B + border-radius:100% degerlerini ezer) */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
    background: #C86F2C !important;
    background-color: #C86F2C !important;
    border-color: #C86F2C !important;
    color: #ffffff !important;
    border-radius: 0 !important;
}

/* Flatpickr - Aralık içi */
.flatpickr-day.inRange {
    background-color: rgba(200, 111, 44, 0.1) !important;
    border-color: rgba(200, 111, 44, 0.25) !important;
    box-shadow: none !important;
}

/* Flatpickr - Bugün */
.flatpickr-day.today {
    border-color: #ffb200 !important;
    background-color: #FFF8E1 !important;
}

.flatpickr-day.today:hover {
    background-color: #ffb200 !important;
    color: #ffffff !important;
}

/* Flatpickr - Disabled */
.flatpickr-day.disabled,
.flatpickr-day.flatpickr-disabled {
    color: #BDBDBD !important;
    background-color: #F5F5F5 !important;
    cursor: not-allowed !important;
}


/* ========================================================================
   13. FİYAT HESAPLAMA KUTUSU
   ======================================================================== */

/**
 * Detay sayfasındaki fiyat container - Mavi bg üzerinde beyaz kutu.
 */

#fiyatcontainer {
    background-color: #ffffff !important;
    border: 2px solid #E0E0E0 !important;          /* Gri kenarlık */
    border-radius: 0 !important;
    padding: 1.5rem !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

/* Fiyat container içi - Koyu yazılar (beyaz bg üzerinde) */
#fiyatcontainer *,
#fiyatcontainer p,
#fiyatcontainer span,
#fiyatcontainer label,
#fiyatcontainer td {
    color: #333333 !important;
}

/* Fiyat başlığı */
#fiyatcontainer h3,
#fiyatcontainer h4 {
    color: #C86F2C !important;
    font-weight: 700 !important;
    margin-bottom: 1rem !important;
}

/* Fiyat değeri - Amber #ffb200 */
#fiyatcontainer .fiyat,
#fiyatcontainer .price-value {
    color: #ffb200 !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
}

/* Fiyat detay satırları */
#fiyatcontainer .price-row {
    border-bottom: 1px solid #E0E0E0 !important;
    padding: 0.75rem 0 !important;
}

#fiyatcontainer .price-row:last-child {
    border-bottom: none !important;
}

/* Toplam fiyat */
#fiyatcontainer .total-price {
    background-color: rgba(200, 111, 44, 0.06) !important;
    padding: 1rem !important;
    margin-top: 1rem !important;
    border-top: 2px solid #C86F2C !important;
}

#fiyatcontainer .total-price .amount {
    color: #C86F2C !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
}

/* Rezervasyon butonu - Pembe (korunuyor) */
#fiyatcontainer .btn-rezervasyon,
#fiyatcontainer .btn-booking {
    background-color: #E91E63 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 1rem 2rem !important;
    font-size: 1.125rem !important;
    font-weight: 700 !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
}

#fiyatcontainer .btn-rezervasyon:hover,
#fiyatcontainer .btn-booking:hover {
    background-color: #C2185B !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(233, 30, 99, 0.3) !important;
}

/* Fiyat tablosu */
#fiyatcontainer table {
    width: 100% !important;
    border-collapse: collapse !important;
}

#fiyatcontainer table th {
    background-color: #C86F2C !important;          /* Koyu amber başlık */
    color: #ffffff !important;
    padding: 0.75rem !important;
    text-align: left !important;
    border: none !important;
}

#fiyatcontainer table td {
    padding: 0.75rem !important;
    border-bottom: 1px solid #E0E0E0 !important;
    color: #333333 !important;
}

#fiyatcontainer table tr:last-child td {
    border-bottom: none !important;
}

#fiyatcontainer table tr:hover {
    background-color: rgba(200, 111, 44, 0.04) !important;
}


/* ========================================================================
   14. TAKVİM TOOLTIP & POPOVER
   ======================================================================== */

.calendar-tooltip,
.price-tooltip {
    background-color: #333333 !important;
    color: #ffffff !important;
    padding: 0.5rem 1rem !important;
    border-radius: 0 !important;
    font-size: 0.875rem !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
    z-index: 9999 !important;
}

.calendar-tooltip::before,
.price-tooltip::before {
    border-top-color: #333333 !important;
}

.tooltip-price {
    color: #ffb200 !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
}

.tooltip-status {
    display: inline-block !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    margin-right: 0.5rem !important;
}

.tooltip-status.available {
    background-color: #4CAF50 !important;
}

.tooltip-status.booked {
    background-color: #EF5350 !important;          /* Kırmızıya güncellendi */
}

.tooltip-status.unavailable {
    background-color: #BDBDBD !important;
}

.tooltip-status.pending {
    background-color: #FFD54F !important;
}


/* ========================================================================
   15. INLINE <style> BLOĞU OVERRİDE
   ======================================================================== */

/**
 * HTML dosyalarındaki inline renkleri ezmek için.
 * Eski lacivert/mavi renkler → yeni renklere.
 */

/* Eski lacivert renkler → Koyu amber (turuncu)
   NOT: attribute selector buyuk/kucuk harf duyarli oldugu icin ' i' bayragi
   eklendi. Tarayici inline style'i #13357b (kucuk) olarak normalize edebilir,
   bu yuzden case-insensitive eslesme sart. */
#ui-datepicker-div td[style*="#13357B" i],
#ui-datepicker-div td[style*="#123478" i],
#ui-datepicker-div td[style*="#102754" i],
#ui-datepicker-div td[style*="#3554D1" i],
#atakvim td[style*="#13357B" i],
#atakvim td[style*="#123478" i],
#atakvim td[style*="#102754" i],
#atakvim td[style*="#3554D1" i],
.ui-datepicker-calendar td[style*="#13357B" i],
.ui-datepicker-calendar td[style*="#123478" i],
.ui-datepicker-calendar td[style*="#102754" i],
.ui-datepicker-calendar td[style*="#3554D1" i],
[style*="#13357B" i],
[style*="#123478" i],
[style*="#102754" i],
[style*="#3554D1" i] {
    background-color: #C86F2C !important;
    background-image: none !important;
    border-color: #C86F2C !important;
    color: #ffffff !important;
}

/* Eski amber renkler → Yeni amber #ffb200 */
#ui-datepicker-div td[style*="#e59f00"],
#ui-datepicker-div td[style*="#ffbf47"],
#ui-datepicker-div td[style*="#FFA726"],
[style*="background"][style*="#e59f00"],
[style*="background"][style*="#FFA726"] {
    background-color: #ffb200 !important;
    border-color: #ffb200 !important;
}

/* Eski mavi/lacivert açık tonları → Beyaz */
#ui-datepicker-div td[style*="#8d9ddd"],
[style*="background"][style*="#8d9ddd"] {
    background-color: #ffffff !important;
    border-color: #E0E0E0 !important;
}

/* Inline border-radius kaldırma */
#ui-datepicker-div td[style*="border-radius"],
.flatpickr-calendar [style*="border-radius"],
#fiyatcontainer [style*="border-radius"] {
    border-radius: 0 !important;
}

/* Inline gradient override - Lacivert → koyu amber (case-insensitive) */
[style*="linear-gradient" i][style*="#13357B" i],
[style*="linear-gradient" i][style*="#123478" i],
[style*="linear-gradient" i][style*="#3554D1" i],
[style*="background-color: #13357B" i],
[style*="background-color: #3554D1" i],
[style*="background-color: #123478" i],
[style*="background-color: #102754" i] {
    background: #C86F2C !important;
    background-color: #C86F2C !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* Eski pembe gradient → Kırmızı/coral (dolu günler için) */
[style*="background: linear-gradient"][style*="#E91E63"][style*="#FFA726"] {
    background: repeating-linear-gradient(
        -45deg,
        #ffffff, #ffffff 4px,
        #EF5350 4px, #EF5350 8px
    ) !important;
}


/* ========================================================================
   16. ÇOK TAKVİMLİ GÖRÜNÜM (Multi-month)
   ======================================================================== */

.ui-datepicker-multi {
    display: flex !important;
    gap: 0 !important;
}

.ui-datepicker-multi .ui-datepicker-group {
    flex: 1 !important;
    border: 1px solid #E0E0E0 !important;          /* Gri kenarlık */
    border-radius: 0 !important;
}

.ui-datepicker-multi .ui-datepicker-group:not(:last-child) {
    border-right: none !important;
}

/* Multi-month başlıklar da koyu amber */
.ui-datepicker-multi .ui-datepicker-header {
    background-color: #C86F2C !important;
}


/* ========================================================================
   17. RESPONSIVE TAKVİM DÜZENLEMELERİ
   ======================================================================== */

@media (max-width: 767px) {
    .ui-datepicker,
    .flatpickr-calendar {
        font-size: 0.85rem !important;
        padding: 0 !important;
    }
    
    .ui-datepicker-calendar td a,
    .ui-datepicker-calendar td span,
    .flatpickr-day {
        padding: 0.35rem !important;
        font-size: 0.8rem !important;
        min-height: 38px !important;
    }

    .ui-datepicker-calendar td a small,
    .ui-datepicker-calendar td span small {
        font-size: 0.6rem !important;
    }
    
    .ui-datepicker-title,
    .flatpickr-current-month {
        font-size: 0.95rem !important;
    }
    
    #fiyatcontainer {
        width: 100% !important;
        margin-bottom: 1.5rem !important;
    }
    
    #fiyatcontainer .fiyat,
    #fiyatcontainer .price-value {
        font-size: 1.5rem !important;
    }
    
    .gosterge,
    .calendar-legend {
        flex-direction: column !important;
        gap: 0.5rem !important;
    }

    /* Multi-month mobilde alt alta */
    .ui-datepicker-multi {
        flex-direction: column !important;
    }

    .ui-datepicker-multi .ui-datepicker-group:not(:last-child) {
        border-right: 1px solid #E0E0E0 !important;
        border-bottom: none !important;
    }
}

@media (max-width: 575px) {
    .ui-datepicker-calendar {
        border-spacing: 2px !important;
    }
    
    .ui-datepicker-calendar td a,
    .ui-datepicker-calendar td span {
        padding: 0.25rem !important;
        font-size: 0.7rem !important;
        min-height: 32px !important;
    }
}


/* ========================================================================
   18. TAKVİM ANIMASYONLARI
   ======================================================================== */

@keyframes fadeInCalendar {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.ui-datepicker,
.flatpickr-calendar {
    animation: fadeInCalendar 0.3s ease-out !important;
}

/* Gün hover animasyonu */
.ui-datepicker-calendar td a,
.flatpickr-day {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ui-datepicker-calendar td a:hover,
.flatpickr-day:hover {
    transform: scale(1.03) !important;
}

/* Seçili gün - Hafif pulse */
@keyframes pulseSelected {
    0%, 100% { box-shadow: 0 0 0 0 rgba(200, 111, 44, 0.4); }
    50% { box-shadow: 0 0 0 6px rgba(200, 111, 44, 0); }
}

.ui-datepicker-calendar td.ui-state-active a,
.flatpickr-day.selected {
    animation: pulseSelected 2s infinite !important;
}


/* ========================================================================
   19. TAKVİM PRINT STİLLERİ
   ======================================================================== */

@media print {
    .ui-datepicker,
    .flatpickr-calendar {
        border: 2px solid #000 !important;
        box-shadow: none !important;
    }
    
    .ui-datepicker-calendar td a,
    .flatpickr-day {
        color: #000 !important;
        border: 1px solid #ccc !important;
    }
    
    .ui-datepicker-header,
    .flatpickr-months {
        background: #999 !important;
        color: #000 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .bjutdolu a, .jutdolu a {
        background-color: #ccc !important;
        -webkit-print-color-adjust: exact;
    }
    
    .calendar-tooltip,
    .price-tooltip {
        display: none !important;
    }
}


/* ========================================================================
   20. ERİŞİLEBİLİRLİK İYİLEŞTİRMELERİ
   ======================================================================== */

/* Focus görünürlüğü - Amber */
.ui-datepicker-calendar td a:focus,
.flatpickr-day:focus {
    outline: 3px solid #ffb200 !important;
    outline-offset: 2px !important;
    z-index: 10 !important;
}

.ui-datepicker-calendar td[aria-selected="true"] a {
    background-color: #C86F2C !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.ui-datepicker-calendar td[aria-disabled="true"] span {
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}


/* ========================================================================
   DOSYA SONU
   ======================================================================== 
   
   Bu CSS dosyası custom-overrides-v2.css'ten SONRA yüklenmelidir.
   
   Yükleme sırası:
   1. style.css (ana CSS)
   2. custom-overrides-v2.css
   3. datepicker-custom-v2.css (bu dosya)
   
   <link rel="stylesheet" href="path/to/datepicker-custom-v2.css">
   
   ========================================================================
*/


/* ========================================================================
   17. HOTFIX — INLINE <style> KURALLARINI EZME (V2 ek)
   ------------------------------------------------------------------------
   Sayfa <head>'inde inline bir <style> blogu var ve takvimi mavi/lacivert
   yapan kurallar iceriyor. Bu dosya o style'dan SONRA yuklendigi icin
   asagidaki kurallar (esit/yuksek specificity + !important) onlari ezer.
   ======================================================================== */

/* --- (a) Gun altindaki durum gostergesi: td[title]::after ---
   Inline: background-color:#102754 (lacivert). Hedef: turuncu (musait '-')
   ve dolu/gecmis gunlerde kirmizi. */
.ui-datepicker td[title]::after,
#atakvim .ui-datepicker td[title]::after,
.ui-datepicker-calendar td[title]::after {
    background-color: #C86F2C !important;   /* turuncu (musait/'-') */
    color: #ffffff !important;
    border-radius: 0 !important;
}
/* dolu / gecmis gunlerin gostergesi kirmizi olsun */
.ui-datepicker td.jutdolu[title]::after,
.ui-datepicker td.past[title]::after,
.ui-datepicker td.ui-state-disabled[title]::after,
#atakvim td.jutdolu[title]::after,
#atakvim td.past[title]::after {
    background-color: #ef5350 !important;
    color: #ffffff !important;
}

/* --- (b) DOLU gunler: inline #8d9ddd (mavi) -> kirmizi --- */
.jutdolu span, .jutdolu a,
.bjutdolu span, .bjutdolu a,
td.jutdolu span, td.jutdolu a,
#atakvim .jutdolu span, #atakvim .jutdolu a {
    background: #ef5350 !important;
    background-color: #ef5350 !important;
    background-image: none !important;
    color: #ffffff !important;
    text-decoration: line-through !important;
    border-color: #ef5350 !important;
}

/* --- (c) GIRIS / CIKIS gunleri: mavi gradient -> kirmizi gradient ---
   Hem td hem a hem ui-state-default hedefleniyor.
   inline <style> td'ye gradient koyuyor, biz de td'ye kirmizi gradient koyuyoruz.
   a.ui-state-default lacivert kenarligi da sifirlanıyor. */

/* td seviyesi — inline gradient'i ez */
td.jutgiris,
td.bjutgiris,
.jutgiris:not(.flatpickr-day) {
    background: linear-gradient(136deg, #ffffff 50%, #ef5350 50%) !important;
    background-image: linear-gradient(136deg, #ffffff 50%, #ef5350 50%) !important;
    border-color: #ef5350 !important;
}
td.jutcikis,
td.bjutcikis,
.jutcikis:not(.flatpickr-day) {
    background: linear-gradient(136deg, #ef5350 50%, #ffffff 50%) !important;
    background-image: linear-gradient(136deg, #ef5350 50%, #ffffff 50%) !important;
    border-color: #ef5350 !important;
}
/* a icindeki background'u seffaf yap (td'nin gradient'i gozuksun) */
td.jutgiris a, td.jutgiris span,
td.bjutgiris a, td.bjutgiris span,
.jutgiris a, .jutgiris span {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 1px solid #ef5350 !important;
    color: #1f2733 !important;
    text-shadow: none !important;
}
td.jutcikis a, td.jutcikis span,
td.bjutcikis a, td.bjutcikis span,
.jutcikis a, .jutcikis span {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 1px solid #ef5350 !important;
    color: #1f2733 !important;
    text-shadow: none !important;
}
/* ui-state-default lacivert kenarligi sifirla (inline #102754 eziyor) */
td.jutgiris a.ui-state-default,
td.jutcikis a.ui-state-default,
td.bjutgiris a.ui-state-default,
td.bjutcikis a.ui-state-default {
    border: 1px solid #ef5350 !important;
}
/* flatpickr giriş/çıkış */
.jutgiris.flatpickr-day {
    background: linear-gradient(136deg,#ffffff 50%,#ef5350 50%) !important;
    background-image: linear-gradient(136deg,#ffffff 50%,#ef5350 50%) !important;
    color: #1f2733 !important; text-shadow: none !important;
}
.jutcikis.flatpickr-day {
    background: linear-gradient(136deg,#ef5350 50%,#ffffff 50%) !important;
    background-image: linear-gradient(136deg,#ef5350 50%,#ffffff 50%) !important;
    color: #1f2733 !important; text-shadow: none !important;
}
.jutgiriscikis span {
    background: linear-gradient(133deg, #ef5350 48%, #ffffff 50%, #ef5350 52%) !important;
    color: #1f2733 !important;
}

/* --- (c2) dpbutonlar: Onceki/Sonraki Aylar butonlari — amber zemin + KOYU metin ---
   HTML: <button id="next" class="btn btn-primary"> — btn-primary amber geliyor
   ama metin rengi Bootstrap'tan siyah veya beyaz olabilir, kesin yapiyoruz. */
.dpbutonlar button,
.dpbutonlar .btn,
#prev, #next,
#prev.btn, #next.btn {
    background-color: #ffb200 !important;
    background: #ffb200 !important;
    border-color: #e69e00 !important;
    color: #14181f !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
}

/* --- (d) flatpickr disabled/dolu: inline #8d9ddd -> kirmizi --- */
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
    background: #fdecea !important;
    color: #c0392b !important;
    border-color: #f5c6c2 !important;
    text-decoration: line-through !important;
}

/* --- (e) secilspler (aralik secimi) mavi -> turuncu --- */
.secilspler.sonu, .secilspler.ilki {
    background: #C86F2C !important;
    border-color: #C86F2C !important;
    color: #ffffff !important;
}
.secilspler.cdansonrailki a { background: linear-gradient(136deg,#f6d9c2 50%,#C86F2C 50%) !important; color:#fff !important; }
.secilspler.cdansonrasonu a { background: linear-gradient(136deg,#C86F2C 50%,#f6d9c2 50%) !important; color:#fff !important; }

/* --- (f) gun numaralari ui-state-default kenarlik: lacivert #102754 -> hafif gri --- */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border-color: #e6e6e6 !important;
    color: #1f2733 !important;
}

/* --- (g) gosterge (legend) renk kutulari --- */
.gosterge .musaitdegil { background-color: #ef5350 !important; }   /* mavi -> kirmizi */
.gosterge .onaybekliyor { background-color: #ffb200 !important; }  /* amber kalsin */

/* --- (h) flatpickr startRange/endRange inline #123478/#13357B (mavi) -> turuncu --- */
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
    background: #C86F2C !important;
    background-color: #C86F2C !important;
    border-color: #C86F2C !important;
    color: #ffffff !important;
    border-radius: 0 !important;
}
/* flatpickr giris/cikis (jut) mavi gradient kalintilari -> kirmizi
   (inline <style>'daki ayni selektoru yenmek icin .flatpickr-calendar
   atasi eklenerek specificity artirildi) */
.flatpickr-calendar .jutgiris.flatpickr-day,
.flatpickr-calendar .flatpickr-day.jutgiris,
.jutgiris.flatpickr-day,
.flatpickr-day.jutgiris {
    background: linear-gradient(136deg,#ffffff 50%,#ef5350 50%) !important;
    background-image: linear-gradient(136deg,#ffffff 50%,#ef5350 50%) !important;
    color: #1f2733 !important; text-shadow: none !important;
}
.flatpickr-calendar .jutcikis.flatpickr-day,
.flatpickr-calendar .flatpickr-day.jutcikis,
.jutcikis.flatpickr-day,
.flatpickr-day.jutcikis {
    background: linear-gradient(136deg,#ef5350 50%,#ffffff 50%) !important;
    background-image: linear-gradient(136deg,#ef5350 50%,#ffffff 50%) !important;
    color: #1f2733 !important; text-shadow: none !important;
}