/* ============================================================
   ÜRÜNLER AÇILIR MENÜSÜ (2026-08-30)
   Ürün sayısı arttıkça tek sayfa alt alta uzamasın diye: her ürün
   kendi sayfasında, menüde kısa açıklamasıyla listelenir.
   Not: style.css sitede kullanılmıyor (ölü dosya), bu yüzden ayrı dosya.
   ============================================================ */
.nav-has-menu { position: relative; }
.nav-has-menu > a { display: inline-flex; align-items: center; gap: 5px; }
.nav-has-menu > a .ti-chevron-down { font-size: 15px; transition: transform .22s ease; }
.nav-has-menu[data-acik="1"] > a .ti-chevron-down { transform: rotate(180deg); }

.nav-menu {
  position: absolute; top: calc(100% + 16px); left: 50%;
  transform: translateX(-50%) translateY(-6px);
  width: 430px; background: #fff; border: 1px solid #e6ebf1; border-radius: 16px;
  box-shadow: 0 4px 12px rgba(16,24,40,.06), 0 24px 48px rgba(16,24,40,.14);
  padding: 10px; opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .2s ease, transform .2s ease, visibility .2s; z-index: 2000;
  text-align: left;
}
.nav-has-menu:hover .nav-menu,
.nav-has-menu:focus-within .nav-menu,
.nav-has-menu[data-acik="1"] .nav-menu {
  opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0);
}
.nav-menu::before { content: ''; position: absolute; top: -18px; left: 0; right: 0; height: 18px; }

.nav-menu-item {
  display: flex; gap: 13px; align-items: flex-start; padding: 13px 14px;
  border-radius: 11px; text-decoration: none; transition: background .18s ease;
}
.nav-menu-item:hover { background: #f4f7fb; }
/* Metin sütunu flex içinde küçülebilsin → uzun açıklama kutu dışına taşmasın, satır kırılsın.
   .nav-links a{white-space:nowrap} (inline stil) kalıtımla <small>'a geçtiği için !important şart. */
.nav-menu-item > span:last-child { flex: 1 1 auto; min-width: 0; }
.nav-menu .nav-menu-item b, .nav-menu .nav-menu-item small { white-space: normal !important; overflow-wrap: anywhere; }
.nav-menu-icon {
  flex: none; width: 38px; height: 38px; border-radius: 10px;
  display: grid; place-items: center; background: #e8f5ee; color: #14a05a; font-size: 19px;
}
.nav-menu-item.urun-argus .nav-menu-icon { background: #eaf1fd; color: #2563c9; }
.nav-menu-item b {
  display: block; font-size: 15px; font-weight: 650; color: #101828;
  margin-bottom: 3px; line-height: 1.2;
}
.nav-menu-item small {
  display: block; font-size: 12.8px; line-height: 1.45; color: #5c6a7a; font-weight: 400;
}
.nav-menu-alt {
  display: block; text-align: center; padding: 11px; margin-top: 4px;
  border-top: 1px solid #eef2f6; font-size: 13.4px; font-weight: 600;
  color: #14a05a; text-decoration: none;
}
.nav-menu-alt:hover { color: #0d7d45; }

/* Mobil çekmecedeki alt bağlantılar */
.nx-drawer-sub {
  display: grid; gap: 4px; margin: 4px 0 8px 14px;
  padding-left: 12px; border-left: 2px solid #e6ebf1;
}
.nx-drawer-sub a { font-size: 14.5px !important; opacity: .9; }
.nx-drawer-sub a span { display: block; font-size: 11.5px; opacity: .6; margin-top: 1px; }

@media (max-width: 1024px) { .nav-menu { display: none; } }
@media (prefers-reduced-motion: reduce) {
  .nav-menu, .nav-has-menu > a .ti-chevron-down { transition: none; }
}

/* Menü hizası düzeltmesi (2026-08-30)
   1) "Ürünlerimiz" öğesi chevron ikonu yüzünden diğerlerinden yüksekti →
      satır yüksekliği sabitlendi, öğeler aynı eksende duruyor.
   2) Dar alanda "Ana Sayfa" iki satıra kırılıyordu → kırılma engellendi. */
.nav-links > li { display: flex; align-items: center; }
.nav-links > li > a { white-space: nowrap; line-height: 1.5; }
.nav-has-menu > a .ti-chevron-down { font-size: 14px; line-height: 1; }