/* ust-menu.css — SİTE GENELİ ORTAK ÜST MENÜ
   Tek kaynak: tools/gen-ust-menu.js bu sınıflara karşılık gelen HTML'i
   tüm sayfalara aynı şekilde yazar. Menü saf CSS ile açılır (JS yok):
   böylece dc ile render edilen sayfalarda da düz HTML sayfalarda da
   birebir aynı davranır ve bağlantılar HTML'de kalır (tarayıcı görür).
   Mobilde gizlenir; orada mobil-nav.js'in hamburger paneli devreye girer. */

.ta-head {
  position: sticky; top: 0; z-index: 30;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  height: 74px; padding: 0 clamp(18px, 4vw, 40px);
  background: #03050b; border-bottom: 1px solid rgba(193, 154, 82, .18);
  backdrop-filter: blur(14px);
}
.ta-head .ta-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.ta-head .ta-logo img { height: 42px; width: auto; display: block; }

/* Ana sayfa varyantı: menü aynı, yerleşim davranışı sayfanın kendi tasarımı
   (sabit konum + 84px yükseklik). Hero'nun üst dolgusu buna göre ayarlı. */
.ta-head.ta-fixed {
  position: fixed; top: 0; left: 0; right: 0;
  height: 84px; border-bottom: 0; backdrop-filter: none;
}
.ta-head.ta-fixed .ta-logo img { height: 50px; }

.ta-nav { display: flex; align-items: center; gap: 4px; }
.ta-nav > a,
.ta-nav .ta-drop > a {
  display: inline-flex; align-items: center; gap: 6px;
  color: #d6d0c2; font-weight: 600; font-size: 12.5px; letter-spacing: .08em;
  text-decoration: none; padding: 9px 13px; white-space: nowrap;
  transition: color .18s;
}
.ta-nav > a:hover,
.ta-nav .ta-drop > a:hover { color: #f2ecd9; }
/* bulunduğun sayfa */
.ta-nav .ta-on { color: #e6c478; font-weight: 700; border-bottom: 1px solid rgba(193, 154, 82, .6); }
.ta-nav .ta-cap { font-size: 8px; opacity: .7; }

/* ── açılır menü (saf CSS) ── */
.ta-drop { position: relative; }
.ta-drop > .ta-menu {
  position: absolute; top: 100%; left: 0; z-index: 45;
  min-width: 306px; padding-top: 10px;
  display: none;
}
.ta-drop:hover > .ta-menu,
.ta-drop:focus-within > .ta-menu { display: block; }
.ta-menu > div {
  border: 1px solid rgba(193, 154, 82, .4);
  /* tam opak: yarı saydam zeminde arkadaki başlıklar panelin içinden okunuyordu */
  background: #05070e;
  box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .9);
  display: grid;
}
.ta-menu a {
  display: grid; gap: 3px; text-decoration: none;
  padding: 12px 16px; border-bottom: 1px solid rgba(129, 135, 151, .12);
  transition: background .16s;
}
.ta-menu a:last-child { border-bottom: 0; }
.ta-menu a:hover { background: rgba(193, 154, 82, .08); }
.ta-menu b { color: #eadfc6; font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; gap: 7px; }
.ta-menu span { color: #7c8393; font-size: 11px; line-height: 1.35; }
.ta-menu .ta-dot {
  width: 6px; height: 6px; border-radius: 50%; background: #9E2B23;
  box-shadow: 0 0 6px rgba(158, 43, 35, .8); flex: 0 0 auto;
}

/* ── sağdaki eylem butonları ── */
.ta-nav .ta-ara {
  border-radius: 999px; border: 1px solid rgba(193, 154, 82, .45);
  font-size: 11.5px; letter-spacing: .12em; padding: 8px 15px 8px 12px;
}
.ta-nav .ta-ara:hover { background: rgba(193, 154, 82, .12); }
.ta-nav .ta-giris {
  color: #e6c478; font-weight: 700; letter-spacing: .12em;
  padding: 10px 16px; border: 1px solid rgba(193, 154, 82, .55); margin-left: 14px;
}
.ta-nav .ta-giris:hover { background: rgba(193, 154, 82, .12); color: #f2ecd9; }
.ta-nav .ta-dene {
  color: #171207; font-weight: 800; letter-spacing: .1em; padding: 10px 18px;
  background: linear-gradient(110deg, #a77d35, #d8b26a 50%, #c19a52); margin-left: 8px;
}
.ta-nav .ta-dene:hover { box-shadow: 0 6px 24px rgba(230, 196, 120, .4); color: #171207; }

/* Dar ekranda menü hamburger'a devrediliyor (mobil-nav.js) */
@media (max-width: 1100px) { .ta-nav .ta-dene { display: none; } }
@media (max-width: 980px) { .ta-nav .ta-ara { display: none; } }
@media (max-width: 860px) {
  .ta-nav { display: none; }
  .ta-head { height: 58px; }
  .ta-head .ta-logo img { height: 34px; }
}

/* ── site geneli eski tarz büyüteç imleci ──
   Daha önce yalnız ana sayfa ve Arşiv'in kendi <style> bloğundaydı; bu yüzden
   üretilen sayfalarda (rehber, ürün) kayboluyordu. Artık ortak dosyada. */
*, a, button, [role="button"], summary, [style*="cursor: pointer"], [style*="cursor:pointer"] { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='11' cy='11' r='7' fill='rgba(20,14,5,0.12)' stroke='%23b0894d' stroke-width='2'/%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='%23ecce8a' stroke-width='0.8'/%3E%3Cline x1='16' y1='16' x2='25' y2='25' stroke='%235c3f18' stroke-width='4' stroke-linecap='round'/%3E%3Cline x1='16' y1='16' x2='25' y2='25' stroke='%23b0894d' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") 11 11, auto !important; }

/* "NEDEN BİZ?" — satın alma kararının kalbi; menüde göz çeksin ama
   ticari butonlarla yarışmasın diye ince altın çerçeve. */
.ta-nav .ta-neden {
  color: #e6c478; border: 1px solid rgba(193, 154, 82, .32);
  border-radius: 2px; padding: 8px 12px;
}
.ta-nav .ta-neden:hover { background: rgba(193, 154, 82, .12); color: #f7ecc9; }
@media (max-width: 1240px) { .ta-nav .ta-neden { display: none; } }