/* ==========================================================================
   Header hesap butonları — tek stil katmanı (2026-11-06)
   Sorun: .header-login yalnızca border-color alıyordu, border-style/width yoktu;
   .header-register ise bundle-head-a.css'ten tam çerçeve alıyordu. İki buton
   farklı katmanlara bağlı olduğu için yan yana farklı görünüyordu.
   Çözüm: ikisi de aynı kutu modeli; fark yalnızca dolgu rengi.

   Not: bundle-head-d.css ve site-light.css içindeki
   `.ayas-site-theme :is(.header-login,.header-register,...)` kuralı (0,2,0)
   özgüllüğünde ve font-size:12px veriyor. Bu yüzden aşağıdaki seçiciler
   `.ayas-site-theme` ile birlikte yazıldı (0,2,2) ki 12px'i ezebilsin.
   ========================================================================== */

html body.ayas-site-theme .header-account-actions > a,
html body.ayas-site-theme .header-account-actions .nav-logout button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 40px;
  padding: 0 15px;
  box-sizing: border-box;
  border: 1px solid #D5DBEA;
  border-radius: 10px;
  background: #fff;
  color: #1B2A52;
  font: 700 13px/1 Manrope, "DM Sans", system-ui, sans-serif;
  letter-spacing: -.01em;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color .18s, background .18s, color .18s, box-shadow .18s;
}

html body.ayas-site-theme .header-account-actions > a > svg,
html body.ayas-site-theme .header-account-actions .nav-logout button > svg {
  flex: none;
  width: 16px;
  height: 16px;
  stroke-width: 1.9;
  opacity: .85;
}

/* Giriş: çerçeveli, sade */
html body.ayas-site-theme .header-account-actions > .header-login:hover,
html body.ayas-site-theme .header-account-actions .nav-logout button:hover {
  border-color: #1786B8;
  color: #1786B8;
  background: #F5FAFD;
}

/* Kayıt Ol: aynı kutu, dolu vurgu */
html body.ayas-site-theme .header-account-actions > .header-register {
  border-color: #1B2A52;
  background: #1B2A52;
  color: #fff;
  box-shadow: 0 4px 12px rgba(27, 42, 82, .16);
}

html body.ayas-site-theme .header-account-actions > .header-register:hover {
  border-color: #1786B8;
  background: #1786B8;
  color: #fff;
  box-shadow: 0 6px 18px rgba(23, 134, 184, .22);
}

html body.ayas-site-theme .header-account-actions > .header-register > svg { opacity: .92; }

/* Sepet: aynı yükseklik ve yarıçap, koyu zemin.
   Yukarıdaki genel `> a` kuralı sepeti de yakalıyor; zemin ve yazı rengi
   burada açıkça sabitleniyor yoksa beyaz üstüne beyaz kalıyor. */
html body.ayas-site-theme .header-account-actions > .cart-link {
  gap: 8px;
  border-radius: 10px;
  min-height: 0;
  height: 40px;
  padding: 0 15px;
  font-size: 13px;
  border-color: #1B2A52;
  background: #1B2A52;
  background-image: none;
  color: #fff;
}

html body.ayas-site-theme .header-account-actions > .cart-link:hover {
  border-color: #1786B8;
  background: #1786B8;
  color: #fff;
}

html body.ayas-site-theme .header-account-actions > .cart-link b {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: rgba(255, 255, 255, .18);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

html body.ayas-site-theme .header-account-actions > .cart-link > svg {
  flex: none;
  width: 16px;
  height: 16px;
  stroke-width: 1.9;
}

@media (max-width: 760px) {
  html body.ayas-site-theme .header-account-actions > a,
  html body.ayas-site-theme .header-account-actions .nav-logout button { height: 38px; padding: 0 13px; }
}

/* ==========================================================================
   Ana menü — beş link de aynı kutuda (2026-11-06)
   Sorun: ilk üç link bundle-head-b/d'deki .header-custom-link /
   .header-union-link / .header-association-link sınıflarıyla renkli hap
   oluyordu; "Projeler" ve "Hazır Ürünler" ise çıplak metin kalıyordu.
   Artık hepsi aynı yükseklik, yarıçap ve yazı ölçüsünde; renk farkı kalktı.
   ========================================================================== */

html body.ayas-site-theme .shop-nav-primary > a {
  position: relative;
  isolation: auto;
  overflow: visible;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 40px;
  min-height: 0;
  padding: 0 14px;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 10px;
  background: none;
  background-image: none;
  box-shadow: none;
  animation: none;
  color: #1B2A52 !important;
  font: 700 13px/1 "Manrope", "DM Sans", system-ui, sans-serif;
  letter-spacing: -.01em;
  white-space: nowrap;
  transition: background-color .18s, color .18s;
}

/* süsleme katmanları (parıltı, nokta) kapalı —
   .header-union-link noktası ::before ile geliyor, o yüzden o da listelendi */
html body.ayas-site-theme .shop-nav-primary > a::before,
html body.ayas-site-theme .shop-nav-primary > a::after,
html body.ayas-site-theme .shop-nav-primary > a > i {
  display: none;
  content: none;
}

html body.ayas-site-theme .shop-nav-primary > a:hover,
html body.ayas-site-theme .shop-nav-primary > a:focus-visible {
  background-color: #F1F5FA;
  color: #1786B8 !important;
  transform: none;
  box-shadow: none;
}

/* bulunduğun sayfa */
html body.ayas-site-theme .shop-nav-primary > a[aria-current="page"] {
  background-color: #F1F5FA;
  color: #1786B8 !important;
}

@media (max-width: 1080px) {
  html body.ayas-site-theme .shop-nav-primary > a { height: 38px; padding: 0 11px; }
}

/* ==========================================================================
   Mobil (≤760px): Giriş/Kayıt başlıktan kalkar, mobil menüde durur.
   bundle-head-a.css bunları display:none yapıyordu; yukarıdaki kural
   daha güçlü olduğu için geri geliyordu — burada açıkça kapatıldı.
   ========================================================================== */
@media (max-width: 760px) {
  html body.ayas-site-theme .header-account-actions > .header-login,
  html body.ayas-site-theme .header-account-actions > .header-register,
  html body.ayas-site-theme .header-account-actions > .nav-logout {
    display: none;
  }
  html body.ayas-site-theme .header-account-actions { gap: 8px; }
  html body.ayas-site-theme .header-account-actions > .cart-link {
    height: 38px;
    padding: 0 13px;
  }
  html body.ayas-site-theme .header-account-actions > .cart-link > svg { width: 15px; height: 15px; }
}

/* Menü ikonları: gerçek SVG, 16px, ince çizgi */
html body.ayas-site-theme .shop-nav-primary > a > svg {
  flex: none;
  width: 16px;
  height: 16px;
  stroke-width: 1.9;
  opacity: .8;
}

html body.ayas-site-theme .shop-nav-primary > a:hover > svg,
html body.ayas-site-theme .shop-nav-primary > a[aria-current="page"] > svg { opacity: 1; }


/* ==========================================================================
   Başlık taşması (2026-11-09): 6. menü bağlantısı (Hosting & Alan Adı)
   eklenince marka + menü + hesap düğmeleri 1240px kabuğa sığmıyor,
   sepet düğmesi kesiliyordu. Kabuk genişletildi, dar ekranda ikonlar gizlenir.
   ========================================================================== */
@media (min-width: 1081px) {
  html body.ayas-site-theme .shop-header .header-row.shop-shell { width: min(1480px, calc(100% - 32px)); max-width: none; gap: 14px; }
  html body.ayas-site-theme .shop-nav-primary { gap: 2px !important; margin-left: 10px; }
  html body.ayas-site-theme .shop-nav-primary > a { padding: 0 9px; }
}
@media (min-width: 1081px) and (max-width: 1439px) {
  html body.ayas-site-theme .shop-nav-primary > a > svg { display: none; }
  html body.ayas-site-theme .shop-nav-primary > a { padding: 0 8px; font-size: 12.5px !important; }
  html body.ayas-site-theme .shop-brand small { display: none; }
  html body.ayas-site-theme .header-account-actions { gap: 5px; }
}
@media (min-width: 1081px) and (max-width: 1199px) {
  html body.ayas-site-theme .shop-nav-primary > a { padding: 0 6px; font-size: 12px !important; }
  html body.ayas-site-theme .header-account-actions .header-login > svg,
  html body.ayas-site-theme .header-account-actions .header-register > svg { display: none; }
}

/* ==========================================================================
   İki katmanlı başlık (2026-11-09): üstte marka + hesap düğmeleri,
   altında tüm menü tek şeritte. Önceki tek satırlı düzen 7 bağlantıda taşıyordu.
   ========================================================================== */
@media (min-width: 1081px) {
  html body.ayas-site-theme .shop-header .header-row.shop-shell {
    display: grid; grid-template-columns: auto 1fr; grid-template-areas: "brand actions" "nav nav";
    align-items: center; column-gap: 20px; row-gap: 0; min-height: 0; width: min(1240px, calc(100% - 32px));
  }
  html body.ayas-site-theme .shop-header .shop-brand { grid-area: brand; padding: 9px 0; }
  html body.ayas-site-theme .shop-header .header-account-actions { grid-area: actions; justify-self: end; padding: 9px 0; }
  html body.ayas-site-theme .shop-header .shop-brand small { display: block; }
  html body.ayas-site-theme .shop-nav-primary {
    grid-area: nav; margin: 0 !important; gap: 4px !important; justify-content: flex-start; flex-wrap: nowrap;
    padding: 6px 0 8px; border-top: 1px solid rgba(27, 42, 82, .08);
  }
  html body.ayas-site-theme .shop-nav-primary > a { height: 38px; padding: 0 14px; font-size: 13.5px !important; font-weight: 700 !important; }
  html body.ayas-site-theme .shop-nav-primary > a > svg { display: none; }
  html body.ayas-site-theme .shop-nav-primary > .header-hosting-link { margin-left: auto; }
  html body.ayas-site-theme .summary { top: 140px; }
}
@media (min-width: 1081px) and (max-width: 1239px) {
  html body.ayas-site-theme .shop-nav-primary > a { padding: 0 10px; font-size: 13px !important; }
}

/* ==========================================================================
   Menü hareketi (2026-11-09): ince ve kısa. Üzerine gelince / bulunulan sayfada
   renkli alt çizgi soldan açılır; hesap düğmeleri 1px yükselir; menü ilk
   yüklemede kısa bir süre yumuşakça belirir. "Hareketi azalt" ayarında kapalı.
   ========================================================================== */
@media (min-width: 1081px) {
  html body.ayas-site-theme .shop-nav-primary > a::after {
    display: block; content: ""; position: absolute; left: 12px; right: 12px; bottom: 4px; top: auto; width: auto; height: 2px; z-index: 0; animation: none; opacity: 1;
    border-radius: 2px; background: linear-gradient(90deg, #19b6ce, #f36c4f);
    transform: scaleX(0); transform-origin: left center; transition: transform .28s cubic-bezier(.2, .7, .2, 1);
  }
  html body.ayas-site-theme .shop-nav-primary > a:hover::after,
  html body.ayas-site-theme .shop-nav-primary > a:focus-visible::after,
  html body.ayas-site-theme .shop-nav-primary > a[aria-current="page"]::after { transform: scaleX(1); }
  html body.ayas-site-theme .shop-nav-primary > a { transition: background-color .18s, color .18s; }
  html body.ayas-site-theme .header-account-actions > a,
  html body.ayas-site-theme .header-account-actions .cart-link { transition: transform .18s ease, box-shadow .18s ease, background-color .18s; }
  html body.ayas-site-theme .header-account-actions > a:hover { transform: translateY(-1px); }
  html body.ayas-site-theme .shop-brand img { transition: transform .35s cubic-bezier(.2, .7, .2, 1); }
  html body.ayas-site-theme .shop-brand:hover img { transform: scale(1.06) rotate(-2deg); }
}
@keyframes nav-belir { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (min-width: 1081px) and (prefers-reduced-motion: no-preference) {
  html body.ayas-site-theme .shop-nav-primary > a { animation: nav-belir .42s cubic-bezier(.2, .7, .2, 1) both; }
  html body.ayas-site-theme .shop-nav-primary > a:nth-child(1) { animation-delay: .02s; }
  html body.ayas-site-theme .shop-nav-primary > a:nth-child(2) { animation-delay: .05s; }
  html body.ayas-site-theme .shop-nav-primary > a:nth-child(3) { animation-delay: .08s; }
  html body.ayas-site-theme .shop-nav-primary > a:nth-child(4) { animation-delay: .11s; }
  html body.ayas-site-theme .shop-nav-primary > a:nth-child(5) { animation-delay: .14s; }
  html body.ayas-site-theme .shop-nav-primary > a:nth-child(6) { animation-delay: .17s; }
  html body.ayas-site-theme .shop-nav-primary > a:nth-child(7) { animation-delay: .2s; }
  html body.ayas-site-theme .shop-nav-primary > a:nth-child(8) { animation-delay: .23s; }
  html body.ayas-site-theme .shop-nav-primary > a:nth-child(9) { animation-delay: .26s; }
}
@media (prefers-reduced-motion: reduce) {
  html body.ayas-site-theme .shop-nav-primary > a, html body.ayas-site-theme .shop-nav-primary > a::after,
  html body.ayas-site-theme .header-account-actions > a, html body.ayas-site-theme .shop-brand img { animation: none; transition: none; }
}

/* Özel Yazılım / Sendika / Dernek eski parıltı stilleri (top:-55%, sonsuz animasyon) alt çizgiyi bozuyordu */
html body.ayas-site-theme .shop-nav-primary > a.header-custom-link::after,
html body.ayas-site-theme .shop-nav-primary > a.header-union-link::after,
html body.ayas-site-theme .shop-nav-primary > a.header-association-link::after { top: auto; bottom: 4px; left: 12px; right: 12px; width: auto; height: 2px; animation: none; }