/* ============================================ */
/* LYCIAN ESCAPES - THEME COLORS               */
/* VillaKalkan temasını override eder          */
/* ============================================ */

:root {
  /* Ana Renkler - Lycian Escapes */
  --bs-theme-first: #7A8C9F !important;          /* Gri-mavi (slate) */
  --bs-theme-first-dark: #5D6E7E !important;     /* Koyu slate */
  --bs-theme-first-light: #94A5B6 !important;    /* Açık slate */
  --bs-theme-first-hover: #6B7D8F !important;    /* Hover state */
  --bs-theme-first-dark-hover: #4E5F6F !important;

  /* Vurgu Renkleri - Terracotta/Turuncu */
  --bs-theme-second: #E07020 !important;         /* Turuncu */
  --bs-theme-second-dark: #C06018 !important;    /* Koyu turuncu */
  --bs-theme-second-light: #F0A060 !important;   /* Açık turuncu */
  --bs-theme-second-hover: #D06520 !important;   /* Hover state */

  /* Üçüncül ve Nötr Renkler */
  --bs-theme-third: #5D6E7E !important;
  --bs-theme-grey: #F5F7F9 !important;
  --bs-theme-grey2: #CAD4DD !important;
  --bs-theme-grey3: #E8ECEF !important;
  --bs-theme-dark-blue: #4A5A6A !important;

  /* Header & Menu */
  --bs-theme-menu-bg: #7A8C9F !important;
  --bs-search-button: #7A8C9F !important;
  --bs-search-button-text: #D0D8E0 !important;
  --bs-search-button-text-active: #7A8C9F !important;
  --bs-search-icon: #7A8C9F !important;
  --bs-search-icon-dark: #5D6E7E !important;
  --bs-header-button-dark: #5D6E7E !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: #5D6E7E !important;
  --bs-card-link-color: #fff !important;
  --bs-fvilla-info-text: #5D6E7E !important;
  --bs-fvilla-text: #5D6E7E !important;
  --bs-detail-text: #5D6E7E !important;
  --bs-detail-menu-text: #F5F7F9 !important;

  /* Popüler & Banner */
  --bs-popular-dark-bg: #5D6E7E !important;
  --bs-theme-banner-bg: #7A8C9F !important;
  --bs-theme-banner-text-w: #fff !important;

  /* RGB Değerleri (opacity için) */
  --bs-theme-first-rgb: 122, 140, 159 !important;
  --bs-theme-first-dark-rgb: 93, 110, 126 !important;
  --bs-theme-first-light-rgb: 148, 165, 182 !important;
  --bs-theme-second-rgb: 224, 112, 32 !important;
  --bs-theme-second-dark-rgb: 192, 96, 24 !important;
  --bs-theme-second-light-rgb: 240, 160, 96 !important;
  --bs-theme-third-rgb: 93, 110, 126 !important;

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

/* ============================================ */
/* 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 */
.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: var(--bs-theme-grey) !important;
}

.view-detail-section:before {
  background-color: var(--bs-theme-grey) !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: #f9fafd !important;
  background: #f9fafd !important;
}

.Footer-top,
.Footer .Footer-top {
  background-color: var(--bs-theme-grey) !important;
  background: var(--bs-theme-grey) !important;
}

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

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

/* Footer metin renkleri - koyu olmalı */
.Footer,
.Footer p,
.Footer h5,
.Footer a,
.Footer-menu-item h5,
.Footer-menu-item a {
  color: var(--bs-theme-first-dark) !important;
}

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

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

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

a:hover {
  color: var(--bs-theme-second-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, #5D6E7E 6%, #7A8C9F 75%) !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;
}