/* ==========================================================================
   GEDİKÇAYIRI KÖYÜ — Işıklı üst menü
   Siyah cam kapsül, putty renginde neon kenar, kenarda dolaşan ışık,
   seçili / üzerine gelinen bağlantının üstünde yükselen "neon dalga" ve
   aşağı doğru ışık konisi düşüren spot lamba. Telefonda hamburger düğmesi
   ışıklı bir cam düğmeye, açılan menü ise karanlık ışıklı bir panele dönüşür.
   Renkler: Ink #000, Graphite #595855, Putty #C4C3B6, Bone #E7E5E4.
   ========================================================================== */

:root {
  --isik: #FFCC3D;                       /* sarı ışık */
  --isik-acik: #FFE9A6;
  --isik-yumusak: rgba(255, 201, 52, .55);
  --isik-hafif: rgba(196, 195, 182, .28);
  --kapsul: linear-gradient(180deg, #2a2926 0%, #121210 55%, #000 100%);
}

/* ---------- Masaüstü kapsül ---------- */
.nav-links {
  position: relative;
  gap: 2px;
  padding: 5px 6px;
  border-radius: 999px;
  background: var(--kapsul);
  border: 1px solid rgba(196, 195, 182, .55);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, .9),
    0 0 16px rgba(255, 201, 52, .22),
    0 10px 26px rgba(0, 0, 0, .28),
    inset 0 1px 0 rgba(255, 255, 255, .12),
    inset 0 -8px 18px rgba(196, 195, 182, .06);
  isolation: isolate;
}

/* Kenarda dolaşan ışık süzmesi */
.nav-links::before {
  content: "";
  position: absolute; inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: conic-gradient(from var(--nav-aci, 0deg),
              transparent 0 62%, rgba(255,201,52,.0) 66%, var(--isik) 72%, rgba(255,201,52,.0) 78%, transparent 82% 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  animation: navKenarIsik 7s linear infinite;
  pointer-events: none;
  z-index: 3;
  opacity: .9;
}
@property --nav-aci { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@keyframes navKenarIsik { to { --nav-aci: 360deg; } }

/* Bağlantılar */
.nav-links a {
  z-index: 2;
  padding: 9px 12px;
  border-radius: 999px;
  color: #C9C8BC;
  font-size: .8rem;
  letter-spacing: .01em;
  transition: color .25s var(--ease), text-shadow .25s var(--ease), transform .35s cubic-bezier(.34,1.56,.64,1);
}
.nav-links a::after { display: none !important; }       /* eski alt çizgi */
.nav-links a:not(.nav-cta):hover,
.nav-links a.is-isikli,
.nav-links a[aria-current="page"] {
  color: var(--isik-acik);
  text-shadow: 0 0 8px var(--isik-yumusak), 0 0 18px rgba(255,201,52,.3);
}
.nav-links a:not(.nav-cta):hover { transform: translateY(-1px); }
.nav-links a:focus-visible { outline: 1px solid var(--isik); outline-offset: 0; }

/* İletişim: ışıklı putty düğme */
.nav-links .nav-cta {
  margin-left: 4px;
  padding: 8px 16px;
  border: 0;
  background: linear-gradient(180deg, #FFF3C9 0%, #F2D27A 100%);
  color: #000 !important;
  font-weight: 600;
  text-shadow: none !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.35) inset, 0 0 14px rgba(255,201,52,.45);
}
.nav-links .nav-cta:hover {
  background: linear-gradient(180deg, #FFF8DE 0%, #FFD45C 100%);
  box-shadow: 0 0 0 1px #fff inset, 0 0 22px rgba(255,201,52,.8);
  transform: translateY(-1px) scale(1.04);
}

/* ---------- Spot lamba + neon dalga (main.js konumlandırır) ---------- */
.nav-spot {
  position: absolute;
  top: -1px; bottom: -1px; left: 0;
  width: 60px;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transition: left .45s cubic-bezier(.34,1.4,.64,1), width .45s cubic-bezier(.34,1.4,.64,1), opacity .3s var(--ease);
}
.nav-links.has-spot .nav-spot { opacity: 1; }

/* Neon dalga: kapsülün üst kenarında yükselen ışıklı tümsek */
.nav-spot-dalga {
  position: absolute;
  left: 50%; bottom: 100%;
  width: calc(100% + 34px); height: 11px;
  transform: translateX(-50%);
  overflow: visible;
}
.nav-spot-dalga path.dolgu { fill: #121210; }
.nav-spot-dalga path.cizgi {
  fill: none; stroke: var(--isik); stroke-width: 1.3;
  filter: drop-shadow(0 0 3px rgba(255,201,52,.9)) drop-shadow(0 -1px 6px rgba(255,201,52,.45));
}

/* Lamba: kapsülün tepesinde parlayan çubuk */
.nav-spot-lamba {
  position: absolute;
  left: 50%; top: -3px;
  width: 26px; height: 3px;
  transform: translateX(-50%);
  border-radius: 3px;
  background: var(--isik-acik);
  box-shadow: 0 0 6px 1px var(--isik), 0 0 16px 3px rgba(255,201,52,.6);
  animation: navLamba 3.2s ease-in-out infinite;
}
/* Işık konisi */
.nav-spot-koni {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  border-radius: 999px;
  overflow: hidden;
}
.nav-spot-koni::before {
  content: "";
  position: absolute;
  left: 50%; top: 0;
  width: 150%; height: 100%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(255,201,52,.42) 0%, rgba(255,201,52,.14) 60%, rgba(255,201,52,0) 100%);
  clip-path: polygon(38% 0, 62% 0, 92% 100%, 8% 100%);
}
.nav-spot-koni::after {                     /* zemine düşen ışık lekesi */
  content: "";
  position: absolute;
  left: 15%; right: 15%; bottom: 1px; height: 6px;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(255,201,52,.45), transparent);
}
@keyframes navLamba {
  0%, 100% { box-shadow: 0 0 6px 1px var(--isik), 0 0 16px 3px rgba(255,201,52,.55); }
  50%      { box-shadow: 0 0 8px 2px var(--isik), 0 0 24px 6px rgba(255,201,52,.75); }
}

/* Lamba İletişim düğmesinin üstündeyken koni gizlenir, dalga kalır */
.nav-links.spot-cta .nav-spot-koni { opacity: 0; }

/* ---------- Alıç meyveleri ---------- */
/* Geniş ekranda her bağlantının önünde bir alıç (main.js sığıyorsa .alicli ekler) */
.nav-links.alicli a { display: inline-flex; align-items: center; gap: 6px; padding-left: 8px; padding-right: 10px; }
.nav-links.alicli a::before {
  content: ""; flex: none;
  width: 17px; height: 17px;
  background: url("../images/menu/alic.webp") center / contain no-repeat;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.7)) brightness(.88) saturate(.9);
  transition: filter .3s, transform .45s cubic-bezier(.34,1.56,.64,1);
}
.nav-links.alicli a.is-isikli::before,
.nav-links.alicli a:hover::before {
  filter: drop-shadow(0 0 4px var(--isik)) drop-shadow(0 0 9px rgba(255,201,52,.7)) brightness(1.08) saturate(1.15);
  transform: rotate(-14deg) scale(1.18);
}
.nav-links.alicli .nav-cta { padding-left: 9px; }
.nav-links.alicli .nav-cta::before { filter: drop-shadow(0 1px 1px rgba(0,0,0,.35)); }

/* Dar ekranda alıç, ışık dalgasının tepesinde lamba gibi durur */
.nav-spot-alic {
  position: absolute; left: 50%; bottom: calc(100% + 1px);
  width: 20px; height: 20px; margin-left: -10px;
  background: url("../images/menu/alic.webp") center / contain no-repeat;
  filter: drop-shadow(0 0 4px var(--isik)) drop-shadow(0 0 10px rgba(255,201,52,.65));
  animation: navAlicSalla 3.2s ease-in-out infinite;
  transform-origin: 50% 90%;
}
@keyframes navAlicSalla { 0%, 100% { transform: rotate(-8deg); } 50% { transform: rotate(8deg); } }
.nav-links.alicli .nav-spot-alic { display: none; }
.nav-links:not(.alicli) .nav-spot-lamba { width: 18px; }

/* Eski kayan siyah "hap" artık kullanılmıyor */
.nav-links .nav-pill { display: none !important; }

/* Kapsül biraz yer kaplıyor: dar ekranlarda yazıyı sıkılaştır */
@media (max-width: 1280px) {
  .nav-links a { padding: 9px 9px; font-size: .78rem; }
  .nav-links .nav-cta { padding: 8px 13px; }
}

/* ---------- Telefon / tablet: ışıklı hamburger ve karanlık panel ---------- */
.menu-toggle {
  width: 46px; height: 46px;
  border-radius: 50%;
  background: var(--kapsul);
  border: 1px solid rgba(196, 195, 182, .55);
  box-shadow: 0 0 0 1px #000, 0 0 14px rgba(196,195,182,.4), inset 0 1px 0 rgba(255,255,255,.14);
  -webkit-tap-highlight-color: transparent;
  transition: box-shadow .3s var(--ease), transform .3s var(--ease);
}
.menu-toggle:active { transform: scale(.94); }
.menu-toggle span, .menu-toggle span::before, .menu-toggle span::after {
  left: 13px; right: 13px;
  height: 2px; border-radius: 2px;
  background: var(--isik);
  box-shadow: 0 0 6px rgba(255,201,52,.7);
}
.menu-toggle span { top: 21px; left: 13px; right: 13px; }
.menu-toggle span::before { top: -7px; left: 0; right: 0; }
.menu-toggle span::after  { top: 7px;  left: 0; right: 0; }
body.menu-open .menu-toggle span { box-shadow: none; }
body.menu-open .menu-toggle span::before { transform: translateY(7px) rotate(45deg); background: var(--isik); }
body.menu-open .menu-toggle span::after  { transform: translateY(-7px) rotate(-45deg); background: var(--isik); }
body.menu-open .menu-toggle { box-shadow: 0 0 0 1px #000, 0 0 22px rgba(255,201,52,.7); }

.mobile-menu {
  background:
    radial-gradient(120% 60% at 50% -10%, rgba(196,195,182,.22), transparent 60%),
    radial-gradient(90% 50% at 50% 115%, rgba(196,195,182,.12), transparent 60%),
    #0b0b0a;
  padding-top: 90px; padding-bottom: 30px;
  justify-content: flex-start;
  overflow-y: auto;
  gap: 6px;
}
.mobile-menu a {
  position: relative;
  display: flex; align-items: center; justify-content: flex-start;
  color: #C9C8BC;
  font-size: clamp(1.25rem, 5.6vw, 1.8rem);
  padding: 11px 18px;
  border: 1px solid rgba(196,195,182,.14);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  transition: color .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease);
}
.mobile-menu a:last-child { border-bottom: 1px solid rgba(196,195,182,.14); }
.mobile-menu a::after {                                  /* soldaki alıç meyvesi */
  content: ""; order: -1; flex: none;
  width: 28px; height: 28px; margin-right: 14px;
  background: url("../images/menu/alic.webp") center / contain no-repeat;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.6)) saturate(.85) brightness(.85);
  transition: filter .3s, transform .4s cubic-bezier(.34,1.56,.64,1);
}
.mobile-menu a::before {                                 /* sol kenardaki ışık çubuğu + konisi */
  content: "";
  position: absolute; left: 0; top: 0; bottom: 0; width: 70%;
  background: linear-gradient(90deg, rgba(255,201,52,.28), rgba(255,201,52,0));
  clip-path: polygon(0 18%, 0 82%, 100% 100%, 100% 0);
  opacity: 0;
  transition: opacity .3s var(--ease);
}
.mobile-menu a[aria-current="page"],
.mobile-menu a:hover,
.mobile-menu a:active,
.mobile-menu a:focus-visible {
  color: var(--isik-acik);
  font-style: normal;
  border-color: rgba(255,201,52,.6);
  text-shadow: 0 0 10px rgba(255,201,52,.55);
  box-shadow: 0 0 16px rgba(196,195,182,.3), inset 3px 0 0 var(--isik);
  outline: none;
}
.mobile-menu a[aria-current="page"]::before,
.mobile-menu a:hover::before,
.mobile-menu a:active::before { opacity: 1; }
.mobile-menu a[aria-current="page"]::after,
.mobile-menu a:hover::after,
.mobile-menu a:active::after {
  filter: drop-shadow(0 0 6px var(--isik)) drop-shadow(0 0 12px rgba(255,201,52,.6)) saturate(1.1) brightness(1.08);
  transform: rotate(-12deg) scale(1.12);
}

/* Açılışta bağlantılar sırayla ışıyarak gelir */
body.menu-open .mobile-menu a { animation: navMobilGel .5s var(--ease) both; }
.mobile-menu a:nth-child(1)  { animation-delay: .05s; }
.mobile-menu a:nth-child(2)  { animation-delay: .09s; }
.mobile-menu a:nth-child(3)  { animation-delay: .13s; }
.mobile-menu a:nth-child(4)  { animation-delay: .17s; }
.mobile-menu a:nth-child(5)  { animation-delay: .21s; }
.mobile-menu a:nth-child(6)  { animation-delay: .25s; }
.mobile-menu a:nth-child(7)  { animation-delay: .29s; }
.mobile-menu a:nth-child(8)  { animation-delay: .33s; }
.mobile-menu a:nth-child(9)  { animation-delay: .37s; }
.mobile-menu a:nth-child(10) { animation-delay: .41s; }
@keyframes navMobilGel {
  from { opacity: 0; transform: translateX(28px); filter: brightness(2.2); }
  to   { opacity: 1; transform: none; filter: none; }
}

@media (max-width: 720px) {
  .menu-toggle { width: 42px; height: 42px; }
  .menu-toggle span { top: 19px; left: 12px; right: 12px; }
  .mobile-menu { padding-top: 84px; }
}
@media (max-height: 560px) {
  .mobile-menu a { padding: 7px 16px; font-size: 1.15rem; }
}

/* Hareket azaltma: ışıklar sabit kalır, yalnızca yer değiştirir */
@media (prefers-reduced-motion: reduce) {
  .nav-links::before { animation: none; opacity: .5; }
  .nav-spot-lamba, .nav-spot-alic { animation: none; }
  body.menu-open .mobile-menu a { animation: none; }
}
@media print { .nav-spot { display: none; } }

/* Üst menü geniş ekranda biraz daha geniş alana yayılsın ki alıçlar sığsın */
.site-header .container { max-width: 1520px; }
.nav-links { flex: none; }