/* XByildirim – Eagle Booking Dönem Fiyatları */

.xby-sp-panel,
.xby-sp-summary {
    margin-top: 18px;
    font-size: 14px;
    line-height: 1.5;
}

.xby-sp-title {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 10px;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.xby-sp-table,
.xby-sp-nights {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.xby-sp-table td,
.xby-sp-nights td {
    padding: 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    vertical-align: middle;
}

.xby-sp-table tr:last-child td,
.xby-sp-nights tr:last-child td {
    border-bottom: none;
}

.xby-sp-range {
    text-align: left;
}

.xby-sp-dates {
    opacity: .8;
    font-size: 13px;
}

.xby-sp-price {
    text-align: right;
    white-space: nowrap;
    font-weight: 700;
}

.xby-sp-price .price-currency {
    margin: 0 1px;
}

/* TL + GBP yan yana (dönem tablosu) */
.xby-sp-price-try,
.xby-sp-price-gbp {
    display: block;
}

.xby-sp-price-gbp {
    margin-top: 2px;
    font-weight: 800;
    opacity: .95;
}

/* Özet kutusunda GBP toplamı */
.xby-sp-summary-total-gbp {
    font-size: 18px;
    margin-top: -2px;
    opacity: .95;
}

.xby-sp-empty,
.xby-sp-note {
    opacity: .75;
    font-size: 13px;
    margin: 8px 0 0;
}

/* Seçilen tarihlerin özeti */
.xby-sp-summary {
    background: rgba(0, 0, 0, .03);
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    padding: 14px 16px;
}

.xby-sp-summary-head {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .3px;
    opacity: .8;
}

.xby-sp-summary-total {
    font-size: 22px;
    font-weight: 800;
    margin: 2px 0 0;
}

.xby-sp-summary-meta {
    font-size: 13px;
    opacity: .75;
    margin-bottom: 8px;
}

/* Gece dökümü çok uzayınca buton aşağıda kalmasın diye kendi içinde kaysın */
.xby-sp-nights-wrap {
    margin-top: 6px;
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 6px;
    padding: 0 10px;
}

.xby-sp-nights-wrap::-webkit-scrollbar {
    width: 8px;
}

.xby-sp-nights-wrap::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2);
    border-radius: 8px;
}

.xby-sp-nights {
    margin: 0;
}

.xby-sp-nights td {
    padding: 5px 0;
    font-size: 13px;
}

.xby-sp-loading {
    padding: 6px 0;
    opacity: .8;
}

/* ---------------------------------------------------------------------------
 * Oda formundaki "Guests" seçicisi açılınca, kutu butonun üzerine binmesin;
 * onun yerine içeriği aşağı itsin (in-flow). Böylece "Müsaitliği Kontrol Et"
 * butonu hep görünür/tıklanabilir kalır ve dışarı tıklayınca kapanır.
 * Sadece tek oda rezervasyon formunu etkiler (üst menüdeki arama formuna dokunmaz).
 * ------------------------------------------------------------------------- */
#room-booking-form .eb-guestspicker.active .eb-guestspicker-content {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    margin-top: 10px;
    box-shadow: none !important;
}

#room-booking-form .eb-guestspicker.active .eb-guestspicker-content:before {
    display: none !important;
}

/* ---------------------------------------------------------------------------
 * Masaüstünde takvimi sayfa akışına alma (overlay yerine). JS, tek oda
 * formundaki takvim açılınca .xby-sp-inline-cal sınıfını ekler ve öğeyi tarih
 * alanının altına taşır. Burada absolute konumlandırmayı statik'e çevirip
 * takvimi butonun ÜSTÜNE binmekten kurtarırız; buton daima tıklanabilir kalır.
 * Yalnızca bu işaretli örneği etkiler; başka daterangepicker'lara dokunmaz.
 * ------------------------------------------------------------------------- */
.daterangepicker.xby-sp-inline-cal {
    /* ÖNEMLİ: burada "display" TANIMLAMA. Takvimin açılıp kapanması çekirdeğin
       inline display'iyle yönetilir; display:block !important koyulursa tarih
       seçilince takvim KAPANAMAZ (açık kalır, buton aşağıda görünmez). */
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 10px !important;
    box-sizing: border-box;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .06) !important;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 10px;
    background: #fff;
    /* İki ay + günlük fiyatlar butonu ekran dışına itmesin: takvim kendi içinde
       kaydırılır, "Müsaitliği Kontrol Et" butonu hep hemen altında kalır. */
    max-height: 56vh;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

/* Overlay okunu (üçgen) gizle: akış içinde anlamsız. */
.daterangepicker.xby-sp-inline-cal:before,
.daterangepicker.xby-sp-inline-cal:after {
    display: none !important;
}

/* İki ayı ortalı ve alt alta, düzgün hizala (dar sütunda yan yana sığmaz). */
.daterangepicker.xby-sp-inline-cal .calendar {
    float: none !important;
    clear: both !important;
    max-width: 100% !important;
    margin: 0 auto 6px !important;
    padding: 0 !important;
}

.daterangepicker.xby-sp-inline-cal .calendar-table {
    width: 100%;
}

/* ---------------------------------------------------------------------------
 * Takvim içi günlük fiyat etiketi (daterangepicker gün hücreleri).
 * ------------------------------------------------------------------------- */
.daterangepicker .calendar-table td {
    vertical-align: top;
    height: auto !important;
    min-width: 36px;
    padding: 3px 1px 4px;
}

.daterangepicker .calendar-table td .xby-sp-cal-price {
    display: block;
    font-size: 9px;
    line-height: 1.1;
    margin-top: 1px;
    color: #6b7178;
    font-weight: 400;
    white-space: nowrap;
    pointer-events: none; /* tıklama gün hücresine gitsin */
}

.daterangepicker .calendar-table td.active .xby-sp-cal-price,
.daterangepicker .calendar-table td.in-range .xby-sp-cal-price {
    color: inherit;
    opacity: .85;
}