/* Navbar "öne çıkan" menü öğesi (Voyager > Site Menüleri > vurgu: Öne çıkan). 04.10'dan beri kullanan öğe yok.
   Teknik: dönen konik gradyan çerçeve (@property --cta-a), metin üzerinde ışık süpürmesi (background-clip: text),
   yumuşak sıcak parıltı (box-shadow, opacity), hover'da kalkma. Hareket azaltmada animasyonlar kapalı.
   Renkler: marka kırmızısı #AE0013 + logo şeridindeki sıcak ışık #F2C46B. Tüm sınıflar nav-cta önekli. */
@property --cta-a { syntax: "<angle>"; inherits: false; initial-value: 0deg; }

.nav-cta {
  --cta-red: #AE0013;
  --cta-light: #F2C46B;
  position: relative;
  display: inline-flex !important;
  align-items: center;
  gap: .55em;
  padding: .55em 1.05em !important;
  border-radius: 999px;
  white-space: nowrap;
  color: #fff !important;
  font-weight: 600;
  letter-spacing: .04em;
  isolation: isolate;
  background: linear-gradient(135deg, rgba(174, 0, 19, .38), rgba(174, 0, 19, .14));
  box-shadow: 0 0 0 0 rgba(242, 196, 107, 0);
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease, background .35s ease;
  animation: nav-cta-glow 3.2s ease-in-out infinite;
}
/* Dönen ışıklı çerçeve: yalnız 1.5px'lik halka görünür (maske ile iç kısım boşaltılır) */
.nav-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  padding: 1.5px;
  border-radius: inherit;
  background: conic-gradient(from var(--cta-a), var(--cta-red), var(--cta-light) 18%, #fff7e6 24%, var(--cta-light) 30%, var(--cta-red) 52%, var(--cta-red));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation: nav-cta-spin 4.5s linear infinite;
}
.nav-cta-text {
  background: linear-gradient(105deg, #fff 0 42%, #FFE2A6 50%, #fff 58% 100%);
  background-size: 260% 100%;
  background-position: 100% 0;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: nav-cta-shine 5s ease-in-out infinite;
}
.nav-cta-badge {
  font-size: .68em;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .06em;
  padding: .32em .5em;
  border-radius: 6px;
  color: #292929;
  background: linear-gradient(135deg, #FFE2A6, var(--cta-light));
  box-shadow: 0 0 10px rgba(242, 196, 107, .55);
}
.nav-cta:hover, .nav-cta:focus-visible {
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(174, 0, 19, .7), rgba(174, 0, 19, .4));
  box-shadow: 0 8px 26px rgba(174, 0, 19, .45), 0 0 22px rgba(242, 196, 107, .35);
  color: #fff !important;
}
.nav-cta:focus-visible { outline: 2px solid var(--cta-light); outline-offset: 3px; }
.nav-cta:hover .nav-cta-text { animation-duration: 1.6s; }

/* Dar masaüstü (navfit.js sığdırırken): rozet gizli, iç boşluk dar */
.nav-cta-compact .nav-cta { padding: .38em .85em !important; gap: .35em; letter-spacing: 0; white-space: normal; text-align: center; line-height: 1.15; border-radius: 16px; max-width: 10.5em; }
.nav-cta-compact .nav-cta-badge { display: none; }

@keyframes nav-cta-spin { to { --cta-a: 360deg; } }
@keyframes nav-cta-shine { 0%, 55% { background-position: 100% 0; } 85%, 100% { background-position: 0 0; } }
@keyframes nav-cta-glow { 0%, 100% { box-shadow: 0 0 0 0 rgba(242, 196, 107, 0); } 50% { box-shadow: 0 0 18px 1px rgba(242, 196, 107, .28); } }

/* Mobil menü (açık zemin): koyu kapsül, aynı ışık efektleri */
.nav-cta--mobil {
  font-size: 18px;
  background: linear-gradient(135deg, #292929, #3a1015);
}
.nav-cta--mobil:hover { background: linear-gradient(135deg, #3a1015, #5b0d16); }

@media (prefers-reduced-motion: reduce) {
  .nav-cta, .nav-cta::before, .nav-cta-text { animation: none; }
  .nav-cta-text { background-position: 0 0; -webkit-text-fill-color: #fff; }
  .nav-cta:hover { transform: none; }
}