/* =====================================================
   ExpoMega — Özel Renk Teması
   theme.css'e dokunmadan override eder
   ===================================================== */

:root,
[data-bs-theme=light] {

  /* Ana renk: Bakır (kırmızı #d85151 yerine) */
  --fn-primary:                    #C4622D;
  --fn-primary-rgb:                196, 98, 45;
  --fn-primary-text-emphasis:      #7B2D00;
  --fn-primary-bg-subtle:          #FAF0E8;
  --fn-primary-border-subtle:      #F0C9A8;

  /* Link renkleri */
  --fn-link-color:                 #C4622D;
  --fn-link-color-rgb:             196, 98, 45;
  --fn-link-hover-color:           #7B2D00;
  --fn-link-hover-color-rgb:       123, 45, 0;

  /* Sayfa arka planı: kırık beyaz */
  --fn-body-bg:                    #F5F0EB;
  --fn-body-bg-rgb:                245, 240, 235;

  /* Secondary arka plan (kartlar, input bg) */
  --fn-secondary-bg:               #EDE8E2;
  --fn-secondary-bg-rgb:           237, 232, 226;

  /* Tertiary arka plan */
  --fn-tertiary-bg:                #F9F6F2;
  --fn-tertiary-bg-rgb:            249, 246, 242;

  /* Koyu ton (navbar, footer için) */
  --fn-dark:                       #0D1B2A;
  --fn-dark-rgb:                   13, 27, 42;
}

/* ── Navbar ── */
.navbar {
  background-color: #1E3A5F !important;
}
.navbar .nav-link,
.navbar-brand,
.navbar [class*="navbar-"] {
  color: #F5F0EB !important;
}
.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: #E8A050 !important;
}

/* ── Hero / Banner bölümü ── */
.hero-section,
.banner-section,
[class*="bg-dark"],
.bg-dark {
  background-color: #0D1B2A !important;
}

/* ── Footer ── */
footer,
.footer {
  background-color: #0D1B2A !important;
  color: #F5F0EB !important;
}
footer a,
.footer a {
  color: #E8A050 !important;
}
footer a:hover,
.footer a:hover {
  color: #C4622D !important;
}

/* ── Butonlar ── */
.btn-primary {
  background-color: #C4622D !important;
  border-color:     #C4622D !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #7B2D00 !important;
  border-color:     #7B2D00 !important;
}
.btn-outline-primary {
  color:        #C4622D !important;
  border-color: #C4622D !important;
}
.btn-outline-primary:hover {
  background-color: #C4622D !important;
  color: #fff !important;
}

/* ── Badge / Etiket ── */
.badge.bg-primary,
.badge-primary {
  background-color: #E8A050 !important;
  color: #7B2D00 !important;
}

/* ── Aktif menü / breadcrumb ── */
.active > .nav-link,
.nav-link.active,
.breadcrumb-item.active {
  color: #C4622D !important;
}

/* ── Kart hover border vurgusu ── */
.card:hover {
  border-color: #C4622D !important;
}

/* ── Form focus ── */
.form-control:focus,
.form-select:focus {
  border-color: #C4622D !important;
  box-shadow: 0 0 0 0.25rem rgba(196, 98, 45, 0.15) !important;
}

/* ── Sayı / vurgu rengi ── */
.text-primary {
  color: #C4622D !important;
}
.bg-primary {
  background-color: #C4622D !important;
}

/* ── Section ayıraç arka planları ── */
.bg-light {
  background-color: #F5F0EB !important;
}
/* ===== MOBİL DÜZELTMELER ===== */

/* Slider - mobilde daha kısa */
@media (max-width: 768px) {

/* ===== SLIDER - TEMİZ KURALLAR ===== */
.hero-swiper {
  height: 500px;
}
.hero-swiper .swiper-wrapper {
  height: 100%;
}
.hero-swiper .swiper-slide,
.hero-swiper img {
  height: 500px;
  width: 100%;
  object-fit: cover;
}

@media (max-width: 991px) {
  /* Slider mobil */
  .hero-section {
    min-height: unset !important;
    padding-bottom: 1rem !important;
  }
  .col-lg-8 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
  }
  #categoryMenu {
    display: none !important;
  }
  .hero-swiper,
  .hero-swiper .swiper-wrapper,
  .hero-swiper .swiper-slide,
  .hero-swiper img {
    height: 250px !important;
    border-radius: 0 !important;
  }

  /* Browse by Industry */
  .col-md-3.col-12.position-relative {
    min-height: 120px !important;
    max-height: 140px !important;
  }
  .row.g-0.border.rounded-3 {
    flex-direction: column;
  }

  /* Story kartları */
  .story-card .overflow-hidden {
    height: 150px !important;
  }

  /* Section padding */
  section, .py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}