@import url("https://fonts.googleapis.com/css?family=Varela+Round");

/* Menü animasyon stilleri */
.main-menu > li {
  position: relative;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Alt menü öğeleri - modern hover */
.submenu li {
  position: relative;
}

.submenu li a {
  transition: color 0.3s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), padding 0.35s cubic-bezier(0.16, 1, 0.3, 1), background 0.35s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}

.submenu li:hover > a {
  color: var(--color1) !important;
}

/* Ana menü öğelerine hover efekti */
.main-menu > li > a {
  position: relative;
  transition: color 0.3s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.main-menu > li.has-submenu:hover {
  transform: translateY(-2px);
}

/* Alt menü oku: kapalıyken yukarı, hover'da aşağı */
.main-menu > li.has-submenu > a .arrow-down {
  transition: transform 0.4s cubic-bezier(0.34, 1.4, 0.64, 1);
}

.main-menu > li:hover > a {
  color: var(--color1) !important;
}

/* İkon animasyonu */
.submenu li:hover > a i {
  transform: scale(1.15) translateX(2px);
  color: var(--color1);
  transition: all 0.35s cubic-bezier(0.34, 1.4, 0.64, 1);
}

.submenu li a i {
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  display: inline-block;
}

/* Hugeicons dikey hizalama */
.main-menu i.hgi {
  vertical-align: middle;
  margin-right: 6px;
  font-size: 18px;
  display: inline-block;
  line-height: 1;
}

/* ===== Masaüstü alt menü açılış animasyonu ===== */
@media (min-width: 769px) {
  .header .wrapper,
  .header-right,
  .menu-box,
  .nav-inner,
  .main-menu {
    overflow: visible;
  }

  /* Üst seviye alt menü öğeleri */
  .main-menu > li.has-submenu > .submenu > li {
    opacity: 0;
    transform: translateY(8px);
    transition:
      opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1),
      transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .main-menu > li.has-submenu:hover > .submenu > li {
    opacity: 1;
    transform: translateY(0);
  }

  .main-menu > li.has-submenu:hover > .submenu > li:nth-child(1)  { transition-delay: 0.05s; }
  .main-menu > li.has-submenu:hover > .submenu > li:nth-child(2)  { transition-delay: 0.09s; }
  .main-menu > li.has-submenu:hover > .submenu > li:nth-child(3)  { transition-delay: 0.13s; }
  .main-menu > li.has-submenu:hover > .submenu > li:nth-child(4)  { transition-delay: 0.17s; }
  .main-menu > li.has-submenu:hover > .submenu > li:nth-child(5)  { transition-delay: 0.21s; }
  .main-menu > li.has-submenu:hover > .submenu > li:nth-child(6)  { transition-delay: 0.25s; }
  .main-menu > li.has-submenu:hover > .submenu > li:nth-child(7)  { transition-delay: 0.29s; }
  .main-menu > li.has-submenu:hover > .submenu > li:nth-child(8)  { transition-delay: 0.33s; }
  .main-menu > li.has-submenu:hover > .submenu > li:nth-child(9)  { transition-delay: 0.37s; }
  .main-menu > li.has-submenu:hover > .submenu > li:nth-child(10) { transition-delay: 0.41s; }
  .main-menu > li.has-submenu:hover > .submenu > li:nth-child(11) { transition-delay: 0.45s; }

  .main-menu > li.has-submenu:not(:hover) > .submenu > li {
    transition-delay: 0s !important;
  }

  /* ===== İç içe alt menü (Hakkımızda) ===== */
  .main-menu .submenu > li.has-submenu {
    position: relative;
  }

  .main-menu .submenu > li.has-submenu > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
  }

  .main-menu .submenu > li.has-submenu > a .arrow-right {
    font-size: 11px;
    margin-left: auto;
    opacity: 0.55;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }

  .main-menu .submenu > li.has-submenu:hover > a .arrow-right {
    transform: translateX(3px);
    opacity: 1;
  }

  /* Hover köprüsü — nested menüye geçişte kapanmasın */
  .main-menu .submenu > li.has-submenu::after {
    content: '';
    position: absolute;
    top: 0;
    right: -10px;
    width: 14px;
    height: 100%;
    background: transparent;
    z-index: 1004;
  }

  .main-menu .submenu > li.has-submenu > .submenu.submenu--nested {
    position: absolute;
    top: 0;
    left: calc(100% + 10px);
    margin-top: 0;
    padding: 10px;
    min-width: 260px;
    z-index: 1003;
    overflow: visible;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    filter: blur(6px);
    transform: translateX(12px) scale(0.94);
    transform-origin: left center;
    transition:
      opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1),
      visibility 0.35s cubic-bezier(0.16, 1, 0.3, 1),
      transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
      filter 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .main-menu .submenu > li.has-submenu > .submenu.submenu--nested::before {
    display: none;
  }

  .main-menu .submenu > li.has-submenu:hover > .submenu.submenu--nested,
  .main-menu .submenu > li.has-submenu > .submenu.submenu--nested:hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    filter: blur(0);
    transform: translateX(0) scale(1);
  }

  /* Nested menü öğe animasyonu */
  .main-menu .submenu > li.has-submenu > .submenu--nested > li {
    opacity: 0;
    transform: translateX(-10px);
    transition:
      opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1),
      transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .main-menu .submenu > li.has-submenu:hover > .submenu--nested > li {
    opacity: 1;
    transform: translateX(0);
  }

  .main-menu .submenu > li.has-submenu:hover > .submenu--nested > li:nth-child(1) { transition-delay: 0.06s; }
  .main-menu .submenu > li.has-submenu:hover > .submenu--nested > li:nth-child(2) { transition-delay: 0.10s; }
  .main-menu .submenu > li.has-submenu:hover > .submenu--nested > li:nth-child(3) { transition-delay: 0.14s; }
  .main-menu .submenu > li.has-submenu:hover > .submenu--nested > li:nth-child(4) { transition-delay: 0.18s; }
  .main-menu .submenu > li.has-submenu:hover > .submenu--nested > li:nth-child(5) { transition-delay: 0.22s; }

  .main-menu .submenu > li.has-submenu:not(:hover) > .submenu--nested > li {
    transition-delay: 0s !important;
  }
}