/**
 * Red Theme Override
 * Ana renk: #e2231b
 */

/* Tur ve Otel listeleme sayfaları arka plan - açık gri */
section.bg-blue-2 {
  background-color: #f7f7f7 !important;
}

/* Sayfa içeriği arka plan - açık gri */
section.layout-pt-md,
section.layout-pb-lg {
  background-color: #f7f7f7 !important;
}

/* Sidebar item - beyaz arka plan, border radius, padding ve margin */
.sidebar__item {
  background-color: #FFFFFF !important;
  border-radius: 8px !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
  border-top: none !important;
}

/* Sıralama butonları - beyaz arka plan, seçili olan kırmızı, oval */
.sort-btn.button {
  border-radius: 50px !important;
}

.sort-btn.button.bg-white {
  background-color: #FFFFFF !important;
  border: none !important;
  color: #000000 !important;
}

.sort-btn.button.bg-blue-1,
.sort-btn.button.bg-white.bg-blue-1 {
  background-color: #e2231b !important;
  color: #FFFFFF !important;
}

/* Detayları Gör butonları - outline kırmızı */
.button.-outline-blue-1.text-blue-1 {
  border-color: #e2231b !important;
  color: #e2231b !important;
  background-color: transparent !important;
}

.button.-outline-blue-1.text-blue-1:hover {
  background-color: #e2231b !important;
  color: #FFFFFF !important;
  border-color: #e2231b !important;
}

/* Badge border kırmızı, metin siyah */
.badge.border-blue-1 {
  border-color: #e2231b !important;
  color: #000000 !important;
}

.badge.border-blue-1[style*="border"] {
  border-color: #e2231b !important;
  color: #000000 !important;
}

.badge.border-blue-1.text-blue-1 {
  color: #000000 !important;
}

/* Sidebar filtre başlıkları - daha kalın */
.sidebar__item h5.text-18.fw-500 {
  font-weight: 600 !important;
}

/* MainSearch item'ları - border yok, border-radius var */
.searchMenu-loc,
.searchMenu-date,
.searchMenu-guests {
  border: none !important;
  border-radius: 5px !important;
}

/* Checkbox checked durumu - kırmızı */
.form-checkbox input:checked ~ .form-checkbox__mark {
  background-color: #e2231b !important;
  border-color: #e2231b !important;
}

/* Header Giriş Yap butonu - kırmızı */
header .button.-blue-1.bg-blue-1,
header .button.border-white.-blue-1 {
  background-color: #e2231b !important;
  border-color: #e2231b !important;
}

header .button.border-white.-blue-1 {
  background-color: transparent !important;
  border-color: #e2231b !important;
  color: #e2231b !important;
}

header .button.border-white.-blue-1:hover {
  background-color: #e2231b !important;
  color: #FFFFFF !important;
}

/* Oteller listesindeki kategori badge'leri - gri arka plan, border yok, border-radius fazla */
#hotelsGrid .badge.border-blue-1 {
  border: none !important;
  background-color: #f5f5f5 !important;
  color: #666666 !important;
  border-radius: 8px !important;
}

/* Yurtiçi ve yurtdışı turlar listesindeki kategori badge'leri - gri arka plan, border yok, border-radius fazla */
#toursGrid .badge.border-blue-1,
.listing-card .badge.border-blue-1 {
  border: none !important;
  background-color: #f5f5f5 !important;
  color: #666666 !important;
  border-radius: 8px !important;
}

/* Mega Menu Tabs - Header White için text rengi */
.header.bg-white .tabs__button {
  color: #1a1a1a !important;
}

.header.bg-white .tabs__button.is-tab-el-active {
  color: #1a1a1a !important;
}

/* Mega Menu Tabs - Sade ve Minimal Tasarım */
.js-mega-menu-tabs {
  background: #ffffff !important;
}

/* Tab Controls Container */
.js-mega-menu-tabs .tabs__controls {
  border-bottom: 1px solid #e5e5e5 !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
}

/* Tab Butonları - Sade Tasarım */
.js-mega-menu-tabs .tabs__button {
  background-color: transparent !important;
  color: #666666 !important;
  border-radius: 0 !important;
  padding: 8px 20px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  transition: color 0.2s ease !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  margin-right: 0 !important;
}

.js-mega-menu-tabs .tabs__button:hover {
  color: #e2231b !important;
}

.js-mega-menu-tabs .tabs__button.is-tab-el-active {
  color: #e2231b !important;
  font-weight: 600 !important;
  border-bottom-color: #e2231b !important;
}

/* Tab Content */
.js-mega-menu-tabs .tabs__pane {
  background-color: transparent !important;
  padding: 0 !important;
  min-height: 200px !important;
}

.js-mega-menu-tabs .tabs__pane .mega__content {
  background-color: transparent !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
}

/* Mega Image Stilleri */
.js-mega-menu-tabs .mega__image {
  width: 270px !important;
  flex-shrink: 0 !important;
  margin-left: 20px !important;
  position: relative !important;
}

.js-mega-menu-tabs .mega__image img {
  width: 100% !important;
  height: auto !important;
  min-height: 300px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

/* Resim Üzerindeki İçerik - Sağ Alt Köşe */
.js-mega-menu-tabs .mega__image .absolute {
  position: absolute !important;
  bottom: 15px !important;
  right: 15px !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 10px !important;
}

.js-mega-menu-tabs .mega__image .absolute .text-22 {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
  margin-bottom: 0 !important;
}

.js-mega-menu-tabs .mega__image .absolute .button {
  height: 36px !important;
  padding: 0 20px !important;
  font-size: 13px !important;
  background-color: #3584d1 !important;
  border-color: #3584d1 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  margin-top: 0 !important;
}

.js-mega-menu-tabs .mega__image .absolute .button:hover {
  background-color: #2a6bb8 !important;
  border-color: #2a6bb8 !important;
}

/* Mega Grid */
.js-mega-menu-tabs .mega__grid {
  gap: 5px !important;
}

/* Mega Item - Sade Card */
.js-mega-menu-tabs .mega__item {
  background-color: #ffffff !important;
  border-radius: 6px !important;
  padding: 18px !important;
  margin-bottom: 0 !important;
  border: none !important;
  width: 200px !important;
  flex-shrink: 0 !important;
}

.js-mega-menu-tabs .mega__item:hover {
  border: none !important;
}

/* Link Stilleri */
.js-mega-menu-tabs .mega__item .y-gap-5 {
  display: flex !important;
  flex-direction: column !important;
}

.js-mega-menu-tabs .mega__item a {
  color: #333333 !important;
  transition: color 0.2s ease !important;
  padding: 6px 0 !important;
  display: block !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}

.js-mega-menu-tabs .mega__item a:hover {
  color: #e2231b !important;
}

/* Mega Menu Açılır Menü Stilleri */
.header .header-menu .menu .mega {
  height: auto !important;
  max-height: 694px !important;
  width: 1100px !important;
  border-radius: 8px !important;
  background-color: rgb(255, 255, 255) !important;
  border-top: 2px solid rgb(226, 35, 27) !important;
  z-index: 100 !important;
  overflow: hidden !important;
}

/* Tab Butonları - Underline-2 için Kırmızı Renk */
.tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active {
  color: #e2231b !important;
}

.tabs.-underline-2 .tabs__controls .tabs__button::after {
  background-color: #e2231b !important;
}

.tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active::after {
  background-color: #e2231b !important;
}