/*
 * ═══════════════════════════════════════════════════════════════
 * KULLANICI SAYFALARI — RENK & STİL SİSTEMİ
 * VillaBungalov360 — Turuncu Tema / Temiz & Modern
 * ═══════════════════════════════════════════════════════════════
 */

/* ── Genel Sayfa ── */
body {
  background: #ffffff !important;
  color: #374151 !important;
}

/* ── Navbar ── */
#navbar-container .navbar,
.site-header,
.header-wrapper,
nav.main-nav {
  background: #ffffff !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 8px rgba(0,0,0,0.06) !important;
}

/* ── Arama Butonu ── */
.btn-search,
.dt-search-btn,
.dt-ts-btn,
.mob-search-btn {
  background: var(--color-primary, #ff6b35) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(255,107,53,0.30) !important;
  transition: all 0.2s ease !important;
}
.btn-search:hover,
.dt-search-btn:hover,
.dt-ts-btn:hover {
  background: var(--color-secondary, #e55a2b) !important;
  box-shadow: 0 6px 20px rgba(255,107,53,0.40) !important;
  transform: translateY(-1px) !important;
}

/* ── Tesis Kartları ── */
.fc-card,
.facility-card {
  transition: box-shadow 0.25s ease, transform 0.25s ease !important;
}

/* Puan bloğu */
.fc-rating-block {
  background: var(--color-primary, #ff6b35) !important;
  border-radius: 8px 8px 8px 0 !important;
}

/* CTA butonu */
.fc-cta-btn {
  background: var(--color-primary, #ff6b35) !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(255,107,53,0.22) !important;
}
.fc-card:hover .fc-cta-btn {
  background: var(--color-secondary, #e55a2b) !important;
}

/* Favori */
.fc-fav.active,
.fc-fav:hover {
  color: var(--color-primary, #ff6b35) !important;
}

/* Badge */
.fc-badge.badge-popular {
  background: rgba(255,107,53,0.85) !important;
}

/* Konum ikonu */
.fc-location i {
  color: var(--color-primary, #ff6b35) !important;
}

/* ── Quick Filter ── */
.quick-filter-btn:hover,
.quick-filter-btn.active {
  border-color: var(--color-primary, #ff6b35) !important;
  color: var(--color-primary, #ff6b35) !important;
  background: rgba(255,107,53,0.07) !important;
}

/* ── Filtre Sidebar ── */
.filter-checkbox input[type="checkbox"]:checked + .cb-box {
  background: var(--color-primary, #ff6b35) !important;
  border-color: var(--color-primary, #ff6b35) !important;
}
.filter-checkbox:hover {
  background: rgba(255,107,53,0.05) !important;
}
.filters-header h3 i,
.filter-group h4 i {
  color: var(--color-primary, #ff6b35) !important;
}
.btn-clear-filters {
  color: var(--color-primary, #ff6b35) !important;
}
.btn-clear-filters:hover {
  background: rgba(255,107,53,0.07) !important;
}
#citySearchInput:focus,
#featureSearchInput:focus,
.price-inputs input:focus,
.capacity-input input:focus {
  border-color: var(--color-primary, #ff6b35) !important;
  box-shadow: 0 0 0 3px rgba(255,107,53,0.10) !important;
}
.price-range-display {
  background: rgba(255,107,53,0.07) !important;
  color: var(--color-primary, #ff6b35) !important;
}

/* ── Sıralama / View Toggle ── */
.view-toggle button.active,
.view-toggle button:hover {
  border-color: var(--color-primary, #ff6b35) !important;
  color: var(--color-primary, #ff6b35) !important;
}
.sort-options select:focus {
  border-color: var(--color-primary, #ff6b35) !important;
}

/* ── Pagination ── */
.pagination button.active {
  background: var(--color-primary, #ff6b35) !important;
  border-color: var(--color-primary, #ff6b35) !important;
  color: #fff !important;
}
.pagination button:hover:not(:disabled) {
  border-color: var(--color-primary, #ff6b35) !important;
  color: var(--color-primary, #ff6b35) !important;
}

/* ── Hero Gradient ── */
.dt-hero {
  background: linear-gradient(
    135deg,
    #111827 0%,
    #1f2937 40%,
    #c94a1a 75%,
    #ff6b35 100%
  );
  /* NOT: background-image JS tarafından set edilir, !important kullanma */
}

/* ── Arama Kutusu ── */
.dt-search-field > i {
  color: var(--color-primary, #ff6b35) !important;
}
.dt-tab i {
  color: var(--color-primary, #ff6b35) !important;
}
.dt-tab.active i {
  color: var(--color-primary, #ff6b35) !important;
}

/* ── Mobil Bottom Nav ── */
.mob-bottom-nav,
nav.mob-bottom-nav {
  background: #ffffff !important;
  border-top: 1px solid #e5e7eb !important;
  box-shadow: 0 -2px 12px rgba(0,0,0,0.07) !important;
}
.mob-bottom-nav a.active,
nav.mob-bottom-nav a.active {
  color: var(--color-primary, #ff6b35) !important;
}

/* ── Mobil Topbar ── */
.mob-topbar {
  background: #ffffff !important;
  border-bottom: 1px solid #e5e7eb !important;
}
.mob-topbar-title {
  color: #111827 !important;
  font-weight: 700 !important;
}

/* ── Mobil Arama Barı ── */
.mob-search-bar {
  background: #f9fafb !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: 50px !important;
  box-shadow: 0 1px 6px rgba(0,0,0,0.06) !important;
}

/* ── Kategori Barı ── */
.mob-categories {
  background: #ffffff !important;
  border-bottom: 1px solid #e5e7eb !important;
}
.mob-cat-item.active,
.mob-cat-item:hover {
  color: var(--color-primary, #ff6b35) !important;
  border-bottom-color: var(--color-primary, #ff6b35) !important;
}

/* ── Section Başlıkları ── */
.section-title {
  color: #111827 !important;
  font-weight: 700 !important;
}

/* ── Kartlar genel ── */
.card,
.content-card,
.booking-card,
.stat-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 6px rgba(0,0,0,0.06) !important;
  border-radius: 12px !important;
}

/* ── Login / Register ── */
.auth-card,
.login-card,
.register-card {
  border-radius: 20px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.10) !important;
  border: 1px solid #e5e7eb !important;
  background: #ffffff !important;
}
.auth-header,
.login-header {
  background: linear-gradient(135deg, #111827 0%, #ff6b35 100%) !important;
  border-radius: 20px 20px 0 0 !important;
  padding: 32px !important;
  text-align: center !important;
}
.auth-header h1,
.auth-header h2,
.login-header h1,
.login-header h2 {
  color: #fff !important;
}

/* ── Profil Sayfaları ── */
.profile-header,
.profile-banner {
  background: #ffffff !important;
}
.profile-tab.active,
.profile-tab:hover {
  color: var(--color-primary, #ff6b35) !important;
  border-bottom-color: var(--color-primary, #ff6b35) !important;
}

/* ── Rezervasyon Akışı ── */
.booking-step.active,
.step-indicator.active {
  background: var(--color-primary, #ff6b35) !important;
  border-color: var(--color-primary, #ff6b35) !important;
  color: #fff !important;
}
.booking-step.completed,
.step-indicator.completed {
  background: #10b981 !important;
  border-color: #10b981 !important;
}
.booking-summary {
  border-left: 4px solid var(--color-primary, #ff6b35) !important;
  background: rgba(255,107,53,0.04) !important;
}

/* ── Tesis Detay ── */
.facility-price-badge {
  background: var(--color-primary, #ff6b35) !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
}
.facility-book-btn,
.reserve-btn {
  background: var(--color-primary, #ff6b35) !important;
  color: #fff !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(255,107,53,0.30) !important;
}
.facility-book-btn:hover,
.reserve-btn:hover {
  background: var(--color-secondary, #e55a2b) !important;
  transform: translateY(-1px) !important;
}

/* ── Yıldız Puanları ── */
.star-rating i.fas.fa-star,
.rating-star.filled {
  color: #f59e0b !important;
}

/* ── Footer ── */
footer,
.site-footer,
.footer {
  background: #111827 !important;
  color: #d1d5db !important;
}
footer a,
.site-footer a,
.footer a {
  color: #d1d5db !important;
  transition: color 0.2s !important;
}
footer a:hover,
.site-footer a:hover,
.footer a:hover {
  color: var(--color-primary, #ff6b35) !important;
}
.footer-brand-name {
  color: var(--color-primary, #ff6b35) !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f9fafb; }
::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary, #ff6b35);
}

/* ── Buton Hover ── */
.btn-primary,
button.btn-primary,
a.btn-primary {
  box-shadow: 0 4px 14px rgba(255,107,53,0.28) !important;
  transition: all 0.2s ease !important;
}
.btn-primary:hover,
button.btn-primary:hover {
  box-shadow: 0 6px 20px rgba(255,107,53,0.40) !important;
  transform: translateY(-1px) !important;
}

/* ── Input Focus ── */
input:not([type="color"]):not([type="range"]):not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
select:focus {
  border-color: var(--color-primary, #ff6b35) !important;
  box-shadow: 0 0 0 3px rgba(255,107,53,0.10) !important;
  outline: none !important;
}

/* ── Loading / Empty ── */
.loading i,
.empty-state i {
  color: var(--color-primary, #ff6b35) !important;
}

/* ── Bölüm Arkaplanları ── */
.section-alt,
.alt-section,
.bg-light-section,
.features-section,
.trust-section-luxury {
  background: #f9fafb !important;
}

/* ── Mobil Kart ── */
@media (max-width: 768px) {
  .fc-card {
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.09) !important;
    background: #fff !important;
  }
  .fc-card:hover {
    box-shadow: 0 6px 18px rgba(0,0,0,0.12) !important;
    transform: none !important;
  }
}