/*
 * Palet 1 — Prestij Yeşili
 * Ana Renk:    Koyu Zümrüt Yeşil  #1B4332
 * Vurgu/CTA:   Altın Sarısı        #D4A017
 * Arka Plan:   Kırık Beyaz          #F8F6F1
 * Metin:       Antrasit             #2D2D2D
 * İkincil:     Açık Sage            #8FAF92
 */

:root {
  --color-dark-4: #3B385C; /* cikarim */
  --color-light-3: #F8F7FB; /* cikarim */
  --color-yellow-3: #FBBA00;
  --color-green-1: #F3F1F8;
  --color-green-2: #312F4D;
  --color-red-1: #A63D3D;
  --color-red-2: #C95555;
  --color-brown-1: #A87900;
  --color-purple-1: #4A4766;
  --color-blue-1: #312F4D;
  --color-blue-2: #F3F1F8; /* çıkarım */
  --color-dark-1: #312F4D;
  --color-dark-2: #25223D; /* çıkarım */
  --color-dark-3: #1F1C33; /* çıkarım */
  --color-light-1: #6E6985; /* çıkarım */
  --color-light-2: #FFFFFF; /* çıkarım */
  --color-yellow-1: #FBBA00;
  --color-yellow-2: #E0A700; /* çıkarım */
  --color-yellow-4: #FFF4CC; /* çıkarım */
}

/* ==============================
   ARKA PLAN
   ============================== */
body {
  background-color: #F8F7FB;
}

/* ==============================
   HEADER & FOOTER
   ============================== */
/* Header scroll/sticky arka planı */
.header.bg-dark-1,
.header.bg-dark-2,
.header.-type-2.bg-dark-1,
.header.-type-2.bg-dark-2,
[data-add-bg="bg-dark-1"].is-sticky,
[data-add-bg="bg-dark-2"].is-sticky,
.header.is-sticky {
  background-color: var(--color-dark-2) !important;
}

/* Sticky/green header -> use light logo */
.header.bg-dark-1 .header-logo img:nth-child(1),
.header.bg-dark-2 .header-logo img:nth-child(1),
.header.-type-2.bg-dark-1 .header-logo img:nth-child(1),
[data-add-bg="bg-dark-2"].is-sticky .header-logo img:nth-child(1),
[data-add-bg="bg-dark-1"].is-sticky .header-logo img:nth-child(1),
.header.is-sticky .header-logo img:nth-child(1) {
  opacity: 0 !important;
}

.header.bg-dark-1 .header-logo img:nth-child(2),
.header.bg-dark-2 .header-logo img:nth-child(2),
.header.-type-2.bg-dark-1 .header-logo img:nth-child(2),
[data-add-bg="bg-dark-2"].is-sticky .header-logo img:nth-child(2),
[data-add-bg="bg-dark-1"].is-sticky .header-logo img:nth-child(2),
.header.is-sticky .header-logo img:nth-child(2) {
  opacity: 1 !important;
}

/* Footer arka plan */
.footer.bg-dark-2,
.bg-dark-2 {
  background-color: #25223D !important;
}

/* Footer içi app download kutuları */
.footer .bg-dark-3,
.bg-dark-3 {
  background-color: #312F4D !important;
}

/* ==============================
   BUTONLAR
   ============================== */
/* Ana buton (Yeşil) */
.button.-blue-1:hover {
  border-color: #25223D !important;
  background-color: #25223D !important;
}

/* Outline buton */
.button.-outline-blue-1 {
  border-color: #312F4D !important;
  color: #312F4D !important;
}
.button.-outline-blue-1:hover {
  background-color: #312F4D !important;
  border-color: transparent !important;
}

/* bg-blue-1-05 hafif vurgulu buton — ALTIN SARISI */
.bg-blue-1-05 {
  background-color: rgba(251, 186, 0, 0.12) !important;
}
.button.-blue-1-05:hover {
  background-color: rgba(251, 186, 0, 0.18) !important;
  color: #FBBA00 !important;
}

/* "View All Destinations" ve benzeri text-blue-1 + bg-blue-1-05 butonları → altın sarısı */
.button.-md.-blue-1.bg-blue-1-05.text-blue-1,
a.button.-md.-blue-1.bg-blue-1-05.text-blue-1 {
  background-color: rgba(251, 186, 0, 0.12) !important;
  color: #312F4D !important;
}
.button.-md.-blue-1.bg-blue-1-05.text-blue-1:hover,
a.button.-md.-blue-1.bg-blue-1-05.text-blue-1:hover {
  background-color: #FBBA00 !important;
  color: #312F4D !important;
}

/* Search butonu (koyu buton) */
.button.-dark-1:hover {
  border-color: #25223D !important;
  background-color: #25223D !important;
}

/* Discover butonları (kartlardaki) */
.citiesCard .button.-blue-1.bg-white.text-dark-1 {
  background-color: #FBBA00 !important;
  color: #312F4D !important;
  border-color: #FBBA00 !important;
}
.citiesCard .button.-blue-1.bg-white.text-dark-1:hover {
  background-color: #E0A700 !important;
}

/* Header butonları */
.header .button.-blue-1.bg-white.text-dark-1 {
  color: #312F4D !important;
}
.header .button.-outline-white:hover {
  background-color: #FBBA00 !important;
  color: #312F4D !important;
  border-color: #FBBA00 !important;
}

/* ==============================
   BADGE'LER (Otel kartları)
   ============================== */
/* Ana badge (rating puanı) → yeşil */
.bg-blue-1 {
  background-color: #312F4D !important;
}

/* "Best Seller" badge → altın sarısı */
.rounded-4.bg-blue-1.text-white,
.hotelsCard .bg-blue-1 {
  background-color: #FBBA00 !important;
  color: #312F4D !important;
}

/* "Top Rated" badge → altın sarısı zaten yellow-1 ile geliyor */
.bg-yellow-1 {
  background-color: #FBBA00 !important;
}

/* "Breakfast included" gibi koyu badge'ler */
.cardImage .bg-dark-1 {
  background-color: #312F4D !important;
}

/* ==============================
   FİYAT & VURGU METİNLERİ
   ============================== */
/* Fiyat metni → altın sarısı */
.text-blue-1 {
  color: #312F4D !important;
}

/* Fiyat vurgu (otel fiyatları) — altın ile öne çıkar */
.hotelsCard .text-blue-1,
.text-18.lh-15.text-blue-1,
.fw-500.text-blue-1 {
  color: #FBBA00 !important;
}

/* Rating yıldızları */
.icon-star {
  color: #FBBA00 !important;
}
.text-yellow-1 {
  color: #FBBA00 !important;
}
.text-yellow-2 {
  color: #E0A700 !important;
}

/* ==============================
   KARTLAR & OVERLAY'LAR
   ============================== */
/* City card gradient overlay → yeşil */
.citiesCard.-type-1 .citiesCard__bg {
  background: linear-gradient(180deg, rgba(49, 47, 77, 0.05) 0%, rgba(49, 47, 77, 0.85) 100%) !important;
}

/* Blog card overlay -> green */
.blogCard.-type-3 .blogCard__content {
  background: linear-gradient(180deg, rgba(49, 47, 77, 0.05) 0%, rgba(49, 47, 77, 0.85) 100%) !important;
}

/* Home hero ve buyuk gorsel bloklar icin koyu-acik palet gradientleri */
.masthead.-type-8 .masthead__bg::after,
.masthead.-type-8 .masthead-slider::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.masthead.-type-8 .masthead__bg::after {
  z-index: 1;
  background: linear-gradient(115deg, rgba(31, 28, 51, 0.95) 0%, rgba(49, 47, 77, 0.82) 46%, rgba(110, 105, 133, 0.54) 100%);
}

.masthead.-type-8 .masthead-slider::after {
  z-index: 1;
  border-radius: inherit;
  background: linear-gradient(140deg, rgba(31, 28, 51, 0.84) 0%, rgba(49, 47, 77, 0.52) 42%, rgba(110, 105, 133, 0.2) 100%);
}

.citiesCard.-type-1 .citiesCard__bg {
  background: linear-gradient(180deg, rgba(110, 105, 133, 0.18) 0%, rgba(59, 56, 92, 0.62) 45%, rgba(31, 28, 51, 0.92) 100%) !important;
}

.blogCard.-type-3 .blogCard__content {
  background: linear-gradient(180deg, rgba(110, 105, 133, 0.14) 0%, rgba(59, 56, 92, 0.58) 44%, rgba(31, 28, 51, 0.9) 100%) !important;
}

.ctaCard.-type-1.-no-overlay .ctaCard__content::before {
  display: block;
  background: linear-gradient(145deg, rgba(31, 28, 51, 0.92) 0%, rgba(49, 47, 77, 0.78) 52%, rgba(110, 105, 133, 0.44) 100%);
}

/* Otel kart wishlist (kalp) butonları */
.hotelsCard .button.-blue-1.bg-white.shadow-2 {
  color: #312F4D !important;
}

/* ==============================
   FORM ELEMENTLERİ
   ============================== */
/* Checkbox / Radio / Switch */
.form__checkbox input:checked + div,
.form__radio input:checked + div,
.form-switch__input:checked {
  background-color: #312F4D !important;
  border-color: #312F4D !important;
}

/* Tab aktif durumu */
.tabs__button.is-tab-el-active {
  color: #312F4D !important;
}
.tabs.-underline-2 .tabs__button.is-tab-el-active::after {
  background-color: #312F4D !important;
}
.tabs.-pills .tabs__button.is-tab-el-active {
  background-color: #312F4D !important;
  color: #FFFFFF !important;
}

/* Accordion */
.accordion.-simple .accordion__button button.is-active {
  color: #312F4D !important;
}

/* Focus ring / outline */
input:focus, select:focus, textarea:focus {
  border-color: #6E6985 !important;
  box-shadow: 0 0 0 3px rgba(110, 105, 133, 0.25) !important;
}

/* ==============================
   SCROLLBAR & PAGINATION
   ============================== */
.slider-scrollbar .swiper-scrollbar-drag {
  background-color: #312F4D !important;
}

.pagination .pagination__button.-active,
.pagination.-buttons .pagination__button.-active {
  background-color: #312F4D !important;
  color: #FFFFFF !important;
}

/* ==============================
   BORDER RENKLERİ
   ============================== */
.border-blue-1 {
  border-color: #312F4D !important;
}

/* ==============================
   LINK HOVER
   ============================== */
a:hover {
  color: #FBBA00;
}

/* ==============================
   MASTHEAD SLIDER NAV
   ============================== */
.masthead-slider__nav.-outline-white:hover {
  background-color: #FBBA00 !important;
  border-color: #FBBA00 !important;
}

/* ==============================
   SEÇİM
   ============================== */
::selection {
  background: rgba(49, 47, 77, 0.2);
}

/* ==============================
   SECTION SLIDER NAV BUTONLARI (ok)
   ============================== */
.section-slider-nav.-blue-1.bg-white {
  color: #312F4D !important;
}
.section-slider-nav.-blue-1.bg-white:hover {
  background-color: #312F4D !important;
  color: #FFFFFF !important;
}

/* ==============================
   WHY CHOOSE US SEKSİYONU
   ============================== */
/* "Learn More" butonu → altın sarısı ile belirgin */
.button.bg-yellow-1.text-dark-1 {
  background-color: #FBBA00 !important;
  color: #312F4D !important;
}
.button.bg-yellow-1.text-dark-1:hover {
  background-color: #E0A700 !important;
}

/* ==============================
   DROPDOWN / SEARCH FORMU
   ============================== */
.mainSearch .button.-dark-1.bg-dark-1 {
  background-color: #FBBA00 !important;
  border-color: #FBBA00 !important;
  color: #312F4D !important;
}
.mainSearch .button.-dark-1.bg-dark-1:hover {
  background-color: #E0A700 !important;
  border-color: #E0A700 !important;
}

/* Counter +/- butonları */
.button.-outline-blue-1.text-blue-1 {
  border-color: #312F4D !important;
  color: #312F4D !important;
}
.button.-outline-blue-1.text-blue-1:hover {
  background-color: #312F4D !important;
  color: #FFFFFF !important;
}

/* ==============================
   HEADER KAPSUL GORUNUM
   ============================== */
.header.-type-2 {
  height: 90px;
  padding: 0;
  align-items: flex-start;
  box-sizing: border-box;
}

.header.-type-2.bg-dark-1,
.header.-type-2.bg-dark-2,
.header.-type-2.is-sticky,
.header.-type-2.is-menu-opened {
  background: transparent !important;
  border-bottom: 0 !important;
}

.header.-type-2 .header__container--capsule {
  display: flex;
  align-items: center;
  min-height: 100%;
  border: 0;
  border-radius: 0;
  background: var(--color-dark-2);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: background-color 0.35s ease, box-shadow 0.35s ease;
}

.header.-type-2.header--transparent-on-top .header__container--capsule {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.header.-type-2.header--transparent-on-top.bg-dark-1 .header__container--capsule,
.header.-type-2.header--transparent-on-top.bg-dark-2 .header__container--capsule,
.header.-type-2.header--transparent-on-top.is-sticky .header__container--capsule,
.header.-type-2.header--transparent-on-top.is-menu-opened .header__container--capsule {
  background: var(--color-dark-2);
  border: 0;
  box-shadow: none;
}

.header.-type-2 .header__container--capsule > .row {
  width: 100%;
}

.header.-type-2 .header-logo {
  z-index: 2;
}

.header.-type-2 .headerSearchToggle {
  border-color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.96);
  color: var(--color-dark-1) !important;
  box-shadow: 0 8px 24px rgba(9, 15, 38, 0.16);
}

.header.-type-2 .headerSearchToggle:hover {
  background: #FBBA00;
  border-color: #FBBA00;
  color: #312F4D !important;
  transform: translateY(-1px);
}

.header.-type-2 .headerSearchCard__badge {
  border: 1px solid rgba(251, 186, 0, 0.22);
  background: linear-gradient(135deg, #25223D 0%, #312F4D 62%, #4A4766 100%);
  color: #FBBA00;
  box-shadow: 0 10px 24px rgba(37, 34, 61, 0.18);
}

.header.-type-2 .headerActionButton {
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96) !important;
  color: var(--color-dark-1) !important;
  box-shadow: 0 8px 24px rgba(9, 15, 38, 0.12);
}

.header.-type-2 .headerActionButton:hover {
  background: #FBBA00 !important;
  border-color: #FBBA00 !important;
  color: var(--color-dark-1) !important;
  transform: translateY(-1px);
}

.header.-type-2 .menuMobileOnly {
  display: none;
}

.header.-type-2 .header-menu .menu .mega a:hover,
.header.-type-2 .header-menu .menu .subnav > li > a:hover {
  color: #FBBA00 !important;
  background-color: rgba(251, 186, 0, 0.12) !important;
}

@media (min-width: 1200px) {
  .header.-type-2 .header-menu .menu__nav > li > a {
    color: rgba(255, 255, 255, 0.78);
    font-weight: 700;
  }

  .header.-type-2 .header-menu .menu__nav > li > a:hover,
  .header.-type-2 .header-menu .menu__nav > li:hover > a {
    color: #FBBA00;
  }

  .header.-type-2 .headerBlogDropdown {
    width: 360px;
    padding: 12px;
  }

  .header.-type-2 .headerBlogDropdown > li > a.headerBlogDropdown__item,
  .header.-type-2 .headerBlogDropdown > li > a.headerBlogDropdown__allLink {
    display: block;
    height: auto;
    padding: 14px 16px;
    border-radius: 14px;
  }

  .header.-type-2 .headerBlogDropdown__eyebrow {
    display: block;
    color: #FBBA00;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .header.-type-2 .headerBlogDropdown__title {
    display: block;
    margin-top: 6px;
    color: #312F4D;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    white-space: normal;
  }

  .header.-type-2 .headerCityDropdown__item .headerBlogDropdown__title {
    margin-top: 0;
  }

  .header.-type-2 .headerBlogDropdown__meta {
    display: block;
    margin-top: 8px;
    color: #6E6985;
    font-size: 13px;
    line-height: 1.4;
  }

  .header.-type-2 .headerBlogDropdown > li > a.headerBlogDropdown__item:hover,
  .header.-type-2 .headerBlogDropdown > li > a.headerBlogDropdown__allLink:hover {
    background-color: rgba(251, 186, 0, 0.16) !important;
    color: #312F4D !important;
  }

  .header.-type-2 .headerBlogDropdown > li > a.headerBlogDropdown__item:hover .headerBlogDropdown__title,
  .header.-type-2 .headerBlogDropdown > li > a.headerBlogDropdown__item:hover .headerBlogDropdown__meta,
  .header.-type-2 .headerBlogDropdown > li > a.headerBlogDropdown__allLink:hover {
    color: #312F4D !important;
  }

  .header.-type-2 .headerBlogDropdown__allLink {
    margin-top: 4px;
    background: #F8F7FB;
    color: #312F4D !important;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
  }
}

@media (max-width: 1199px) {
  .header.-type-2 {
    height: 86px;
    padding: 0;
  }

  .header.-type-2 .headerActionButton {
    display: none;
  }

  .header.-type-2 .menuMobileOnly {
    display: block;
  }

  .header.-type-2 .header__container--capsule {
    min-height: 100%;
    padding-left: 22px;
    padding-right: 22px;
  }

  .header.-type-2 .header-menu {
    top: 86px;
    height: calc(100vh - 86px);
  }

  .header.-type-2 [data-x="header-mobile-icons"] {
    color: #ffffff !important;
  }

  .header.-type-2 [data-x="header-mobile-icons"] a,
  .header.-type-2 [data-x="header-mobile-icons"] button {
    color: inherit !important;
  }

  .header.-type-2 .header-menu .menu__nav > li > a {
    font-weight: 700;
  }

  .header.-type-2 .headerBlogDropdown__item,
  .header.-type-2 .headerBlogDropdown__allLink {
    display: block;
    height: auto !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  .header.-type-2 .headerBlogDropdown__eyebrow,
  .header.-type-2 .headerBlogDropdown__title,
  .header.-type-2 .headerBlogDropdown__meta {
    display: block;
    white-space: normal;
  }

  .header.-type-2 .headerBlogDropdown__eyebrow {
    color: #FBBA00;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
  }

  .header.-type-2 .headerBlogDropdown__title {
    margin-top: 6px;
    font-size: 16px;
    line-height: 1.45;
  }

  .header.-type-2 .headerCityDropdown__item .headerBlogDropdown__title {
    margin-top: 0;
  }

  .header.-type-2 .headerBlogDropdown__meta {
    margin-top: 6px;
    color: #6E6985;
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .header.-type-2 {
    height: 80px;
    padding: 0;
  }

  .header.-type-2 .header__container--capsule {
    min-height: 100%;
    border-radius: 0;
  }

  .header.-type-2 .header-logo img {
    max-width: 112px;
  }

  .header.-type-2 [data-x="header-mobile-icons"] {
    gap: 14px;
    padding-left: 18px;
  }

  .header.-type-2 .header-menu {
    top: 80px;
    height: calc(100vh - 80px);
  }
}

/* Home buyuk gorseller icin son eklenen gradient degisikliklerini geri al */
.masthead.-type-8 .masthead__bg::after,
.masthead.-type-8 .masthead-slider::after {
  content: none !important;
}

.citiesCard.-type-1 .citiesCard__bg {
  background: linear-gradient(180deg, rgba(49, 47, 77, 0.05) 0%, rgba(49, 47, 77, 0.85) 100%) !important;
}

.blogCard.-type-3 .blogCard__content {
  background: linear-gradient(180deg, rgba(49, 47, 77, 0.05) 0%, rgba(49, 47, 77, 0.85) 100%) !important;
}

.ctaCard.-type-1.-no-overlay .ctaCard__content::before {
  display: none !important;
  background: none !important;
}

.homeActionCards__card .ctaCard__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.homeActionCards__action {
  margin-top: auto !important;
  padding-top: 30px;
}