/* ============================================ */
/* KIRALA.CO - THEME COLORS                    */
/* Sıcak mavi + beyaz zemin + turuncu vurgu    */
/* ============================================ */

:root {
  /* Ana Renkler - Kirala.co Sıcak Mavi/Turkuaz */
  --bs-theme-first: #1A8FBF !important;          /* Sıcak mavi (turkuaz kırması) */
  --bs-theme-first-dark: #14729A !important;      /* Koyu sıcak mavi */
  --bs-theme-first-light: #4DB3D6 !important;     /* Açık sıcak mavi */
  --bs-theme-first-hover: #1580AB !important;      /* Hover state */
  --bs-theme-first-dark-hover: #0E5F82 !important;

  /* Vurgu Renkleri - Turuncu (CTA, fiyatlar, aksiyonlar) */
  --bs-theme-second: #F57C00 !important;          /* Turuncu */
  --bs-theme-second-dark: #E06A00 !important;     /* Koyu turuncu */
  --bs-theme-second-light: #FFB74D !important;    /* Açık turuncu */
  --bs-theme-second-hover: #EF6C00 !important;    /* Hover state */

  /* Üçüncül ve Nötr Renkler */
  --bs-theme-third: #14729A !important;
  --bs-theme-grey: #FAFAFA !important;
  --bs-theme-grey2: #E0E0E0 !important;
  --bs-theme-grey3: #F5F5F5 !important;
  --bs-theme-dark-blue: #0E5F82 !important;

  /* Header & Menu */
  --bs-theme-menu-bg: #1A8FBF !important;
  --bs-search-button: #1A8FBF !important;
  --bs-search-button-text: #B3E0F2 !important;
  --bs-search-button-text-active: #1A8FBF !important;
  --bs-search-icon: #1A8FBF !important;
  --bs-search-icon-dark: #14729A !important;
  --bs-header-button-dark: #14729A !important;
  --bs-header-button-dark-hover: #fff !important;
  --bs-menu-toggle-color: #fff !important;
  --bs-theme-header-call-hover: #fff !important;

  /* Kart & Liste Renkleri */
  --bs-card-info-text: #2E2E2E !important;
  --bs-card-link-color: #fff !important;
  --bs-fvilla-info-text: #2E2E2E !important;
  --bs-fvilla-text: #2E2E2E !important;
  --bs-detail-text: #2E2E2E !important;
  --bs-detail-menu-text: #FAFAFA !important;

  /* Popüler & Banner */
  --bs-popular-dark-bg: #14729A !important;
  --bs-theme-banner-bg: #1A8FBF !important;
  --bs-theme-banner-text-w: #fff !important;

  /* RGB Değerleri (opacity için) */
  --bs-theme-first-rgb: 26, 143, 191 !important;
  --bs-theme-first-dark-rgb: 20, 114, 154 !important;
  --bs-theme-first-light-rgb: 77, 179, 214 !important;
  --bs-theme-second-rgb: 245, 124, 0 !important;
  --bs-theme-second-dark-rgb: 224, 106, 0 !important;
  --bs-theme-second-light-rgb: 255, 183, 77 !important;
  --bs-theme-third-rgb: 20, 114, 154 !important;

  /* Beyaz tema */
  --bs-theme-white: #fff !important;

  /* Metin renkleri */
  --bs-text-primary: #2E2E2E;
  --bs-text-secondary: #6B7280;
}

/* ============================================ */
/* HEADER OVERRIDES                            */
/* ============================================ */

/* Header arka plan */
.Header-inner {
  background-color: var(--bs-theme-menu-bg) !important;
}

/* Mobil menü panel */
.Header-menu-mobile {
  background-color: var(--bs-theme-first) !important;
}

/* ============================================ */
/* BUTTON OVERRIDES                            */
/* ============================================ */

/* Primary butonlar - Turuncu CTA */
.btn-theme-first,
.Reservation-form-submit,
.Search-mobile-bottom button,
.Filters-in-m-button {
  background-color: var(--bs-theme-second) !important;
  border-color: var(--bs-theme-second) !important;
  background-image: none !important;
}

.btn-theme-first:hover,
.Reservation-form-submit:hover,
.Search-mobile-bottom button:hover,
.Filters-in-m-button:hover {
  background-color: var(--bs-theme-second-hover) !important;
  border-color: var(--bs-theme-second-hover) !important;
}

/* ============================================ */
/* VIEW MENU (Villa Detay Menü)                */
/* ============================================ */

.View-menu {
  background-color: #FFFFFF !important;
}

.view-detail-section:before {
  background-color: #FFFFFF !important;
}

/* ============================================ */
/* OPPORTUNITY SLIDER                          */
/* ============================================ */

.Opportunity-slider {
  background-color: var(--bs-theme-first) !important;
}

/* ============================================ */
/* POPULAR SECTION                             */
/* ============================================ */

.popular-dark {
  background-color: var(--bs-popular-dark-bg) !important;
}

/* ============================================ */
/* FOOTER                                      */
/* ============================================ */

.Footer,
footer.Footer {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.Footer-top,
.Footer .Footer-top {
  background-color: #FAFAFA !important;
  background: #FAFAFA !important;
}

.Footer-in {
  background-color: transparent !important;
}

/* Footer mobil */
.Footer-mobile,
.Footer .Footer-mobile {
  background-color: #FFFFFF !important;
}

/* Footer metin renkleri */
.Footer,
.Footer p,
.Footer h5,
.Footer a,
.Footer-menu-item h5,
.Footer-menu-item a {
  color: #2E2E2E !important;
}

.Footer a:hover {
  color: var(--bs-theme-second) !important;
}

/* ============================================ */
/* LINKS & TEXT                                */
/* ============================================ */

a {
  color: var(--bs-theme-first);
}

a:hover {
  color: var(--bs-theme-first-hover);
}

/* Active states */
.active,
.nav-link.active {
  color: var(--bs-theme-second) !important;
}

/* ============================================ */
/* CALENDAR / DATEPICKER                       */
/* ============================================ */

.datepicker__month-day--selected,
.datepicker__month-day--first-day-selected,
.datepicker__month-day--last-day-selected {
  background-color: var(--bs-theme-second) !important;
}

.datepicker__month-day--hovering {
  background-color: var(--bs-theme-second-light) !important;
}

/* ============================================ */
/* PRICE DISPLAY                               */
/* ============================================ */

.villa-item-price b,
.Reservation-form-bottom-left b,
.VillaDetailPriceBox b {
  color: var(--bs-theme-second) !important;
}

/* ============================================ */
/* CATEGORY CARDS                              */
/* ============================================ */

.categories-more {
  background-color: var(--bs-theme-grey2) !important;
}

/* ============================================ */
/* SEARCH BAR                                  */
/* ============================================ */

#search-tab .nav-link-otel {
  background-image: linear-gradient(32deg, #14729A 6%, #1A8FBF 75%) !important;
}

/* ============================================ */
/* "TÜMÜNÜ GÖR" ve aksiyon linkleri            */
/* ============================================ */

.button-more {
  background-color: var(--bs-theme-second) !important;
  border-color: var(--bs-theme-second) !important;
  color: #fff !important;
}

.button-more:hover {
  background-color: transparent !important;
  color: var(--bs-theme-second) !important;
}

/* section-caption span (vurgulu başlıklar) */
.section-caption .primary-title span {
  color: var(--bs-theme-first) !important;
}

/* ============================================ */
/* MOBILE SPECIFIC                             */
/* ============================================ */

@media (max-width: 991px) {
  .mobile-menu-panel {
    background-color: var(--bs-theme-first) !important;
  }

  .Header-menu-overlay {
    background-color: rgba(var(--bs-theme-first-dark-rgb), 0.8) !important;
  }
}

/* ============================================ */
/* RESERVATION FORM                            */
/* ============================================ */

.Reservation-form .tarihsec {
  color: var(--bs-theme-second) !important;
}

.Reservation-form-detail {
  border-color: var(--bs-theme-grey2) !important;
}

/* ============================================ */
/* FAV BUTTON                                  */
/* ============================================ */

.fav-btn.active i,
.toggle-favs.active i {
  color: var(--bs-theme-second) !important;
}

/* ============================================ */
/* PAGINATION                                  */
/* ============================================ */

.pagination .page-link.active {
  border-color: var(--bs-theme-second) !important;
  background-color: rgba(var(--bs-theme-second-rgb), 0.25) !important;
}