/* ======================================================
   MOBİL MENÜ - Temiz & Stabil Versiyon
   (Animasyonlar düzeltilmiş, diğer kodlarla çakışmaz)
   ====================================================== */

@media (max-width: 991px) {

  /* ---------- Topbar ---------- */
  .topbar {
    padding: 8px 0;
    font-size: 12.5px;
  }

  /* Mobilde Türkçe (dil) kısmını tamamen gizle */
  .topbar .d-flex > div:first-child {
    display: none !important;
  }

  .topbar .d-none.d-md-inline-flex {
    display: inline-flex !important;
  }
  .topbar .divider {
    display: inline-block !important;
    margin: 0 10px;
  }

  /* ---------- Header ---------- */
  .header-wrapper {
    position: relative;
    top: 0;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  }

  .header-wrapper.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1040;
    background: #ffffff;
  }

  .main-header {
    padding: 11px 0;
    background: #ffffff;
  }

  /* Logo */
  .logo .logo-light { display: none !important; }
  .logo .logo-dark  { display: block !important; }
  .logo::after { display: none !important; }
  .logo img { height: 40px; }

  /* Hamburger */
  .navbar-toggler {
    color: #333 !important;
    border: none;
    font-size: 1.35rem;
    padding: 4px 6px;
  }

  /* Header-bottom */
  .header-bottom {
    display: block !important;
    background: #fff;
    border-top: 1px solid #f0f2f5;
    border-bottom: none;
    padding: 10px 0;
  }

  .header-bottom span {
    display: none !important;
  }

  .header-bottom .search-link {
    display: none !important;
  }

  .header-bottom a {
    color: #6b7280 !important;
    margin-left: 0 !important;
    margin-right: 16px;
    font-size: 15px;
  }

  /* ---------- Menü Genel ---------- */
  .navbar-collapse {
    background: #fff;
    border-top: 1px solid #f0f2f5;
    padding: 8px 0 12px;
  }

  .navbar-nav .nav-item {
    border-bottom: 1px solid #f3f4f6;
  }

  .navbar-nav .nav-item:last-child {
    border-bottom: none;
  }

  .navbar-nav .nav-link {
    color: #2c3340 !important;
    font-size: 15px !important;
    font-weight: 500;
    padding: 13px 4px !important;
  }

  .navbar-nav .nav-link::after {
    display: none !important;
  }

  .navbar-nav .dropdown-toggle::after {
    float: right;
    margin-top: 8px;
  }

  /* ---------- Bootstrap Dropdown (Kurumsal & Ürünlerimiz) ---------- */
  /* Masaüstü dropdownFade animasyonunu mobilde tamamen kapat – çakışma ve kötü görünüm olmasın */
  .navbar-nav .dropdown-menu {
    position: static !important;
    transform: none !important;
    box-shadow: none !important;
    border: none !important;
    background: #f8fafc;
    padding: 0;
    margin: 0;
    width: 100%;
    animation: none !important;
    transition: none !important;
  }

  .navbar-nav .dropdown-item {
    padding: 11px 20px;
    font-size: 14px;
    color: #4b5563;
  }

  /* ---------- Nested Menü (Politikalar) – yumuşak max-height animasyonu ---------- */
  .navbar-nav .dropdown-submenu > .dropdown-menu {
    position: static !important;
    display: block !important;          /* her zaman flow'da olsun ki transition çalışsın */
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    background: #f1f5f9 !important;
    border-left: 3px solid #008dd2;
    margin: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: none !important;
    transition: max-height 0.28s ease, opacity 0.22s ease, padding 0.22s ease;
  }

  .navbar-nav .dropdown-submenu > .dropdown-menu.show {
    max-height: 480px;                  /* içerik için yeterli yükseklik */
    opacity: 1;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  /* Ok (chevron) */
  .navbar-nav .dropdown-submenu > a::after {
    content: "\f078" !important;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    float: right;
    margin-top: 3px;
    font-size: 11px;
    opacity: 0.65;
    transition: transform 0.22s ease;
  }

  .navbar-nav .dropdown-submenu > a.open::after {
    transform: rotate(180deg);
  }

  /* ---------- Mega Menu ---------- */
  .navbar-nav .mega-menu {
    position: static !important;
    width: 100% !important;
    box-shadow: none !important;
    background: #f8fafc !important;
    padding: 0 !important;
    animation: none !important;
    transition: none !important;
  }

  .mega-menu .mega-inner {
    flex-direction: column;
    box-shadow: none !important;
  }

  .mega-menu .mega-image {
    display: none !important;
  }

  .mega-menu .mega-cols {
    flex-direction: column;
    padding: 8px 0;
  }

  .mega-menu .mega-col {
    border: none;
    border-bottom: 1px solid #e5e7eb;
    padding: 12px 16px;
  }

  .mega-menu .mega-col:last-child {
    border-bottom: none;
  }

  .mega-menu .mega-col h6 {
    color: #008dd2;
    font-size: 13px;
    margin-bottom: 8px;
  }

  /* Menü içindeki E-Katalog butonunu gizle */
  .navbar-nav .btn-catalog {
    display: none !important;
  }
}