/* Web menü girişi — Silva 2026
 * Boyut ve kalınlık Navbar'dan gelir (--nav-link-size / --nav-link-weight),
 * böylece rozetli girişler diğerleriyle birebir aynı ölçüde durur.
 * Yalnız masaüstü nav'ında render edilir; mobil menü kategorileri ayrı
 * komponenttir (MobileMenuCategory).
 * Referans: design-reference/_shared/CANONICAL-silva-page.jsx (.silva-nav-link,
 * .silva-new-pill, .silva-deal-dot)
 */

.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item {
  position: relative;
}

.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  padding-bottom: 0.25rem;
  font-size: var(--nav-link-size, 0.96875rem);
  font-weight: var(--nav-link-weight, 600);
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.15s var(--silva-ease);
}

/* Altın alt çizgi — hover'da ortadan açılır */
.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item__link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1.5px;
  background: var(--silva-gold);
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.24s var(--silva-ease);
}

.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item__link:hover::after {
  transform: scaleX(1);
}

/* Tasarım: 9.5px, letter-spacing .08em, radius 999, padding 3px 6px.
   font-family YAZILMAZ — tema (ikas Studio) fontu body'den miras gelir.
   Kalınlık panelden (badgeFontWeight, varsayılan 700) inline gelir; tasarımın
   800'ü tema fontunda o kesim yoksa sentetik kalınlaştırmaya düşüyordu. */
.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item__badge {
  font-size: 0.59375rem;
  letter-spacing: 0.08em;
  line-height: 1;
  border-radius: 999px;
  padding: 3px 6px;
}

/* Tasarım: 7px daire, 2.6s nabız */
.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item__dot {
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  flex: 0 0 auto;
  animation: cc_dht747cl_mmjdjDB7Hl_kombos-deal-pulse 2.6s ease-in-out infinite;
}

@keyframes cc_dht747cl_mmjdjDB7Hl_kombos-deal-pulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(0.6);
  }
}

.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item__chevron {
  flex-shrink: 0;
  font-size: 0.875rem;
  transition: transform 0.2s var(--silva-ease);
}

.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item:hover .kombos-nav-menu-item__chevron {
  transform: rotate(180deg);
}

/* ===== Açılır menü ===== */

.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item__dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 1.125rem);
  left: 50%;
  transform: translateX(-50%);
  background: var(--kombos-white);
  border: 1px solid var(--silva-border);
  border-radius: 6px;
  padding: 0.375rem 0;
  width: 13rem;
  box-shadow: 0 4px 12px -6px rgba(0, 0, 0, 0.25);
  z-index: var(--kombos-z-dropdown);
  flex-direction: column;
}

/* Görünmez köprü: link ile açılır kutu arasındaki boşluğu kapatır */
.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item__dropdown::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: -0.75rem;
  right: -0.75rem;
  height: 1.125rem;
}

.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item:hover > .kombos-nav-menu-item__dropdown {
  display: flex;
}

.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item__dropdown--nested {
  top: -0.375rem;
  left: calc(100% + 0.75rem);
  transform: none;
}

.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item__dropdown--nested::before {
  content: "";
  position: absolute;
  top: -0.75rem;
  bottom: -0.75rem;
  right: 100%;
  left: auto;
  width: 0.75rem;
  height: auto;
}

.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item__dropdown-item {
  position: relative;
}

.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item__dropdown-item:hover
  > .kombos-nav-menu-item__dropdown--nested {
  display: flex;
}

.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item__dropdown-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--silva-ink);
  text-decoration: none;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  transition: background-color 0.15s var(--silva-ease);
}

.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item__dropdown-link:hover {
  background-color: var(--silva-tint);
}

.cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item__caret-right {
  flex-shrink: 0;
  font-size: 0.875rem;
}

@media (prefers-reduced-motion: reduce) {
  .cc_dht747cl_mmjdjDB7Hl .kombos-nav-menu-item__dot {
    animation: none;
  }
}