/* ============================================================
   WOLINKA — WordPress işaretleme uyumu (wp-overrides.css)

   styles.css prototipten birebir gelir ve düzenlenmez. wp_nav_menu,
   yorumlar, alt yazılar gibi WordPress'in ürettiği işaretleme prototipin
   beklediğinden farklı olduğunda köprüyü bu dosya kurar. styles.css'ten
   SONRA yüklenir.
   ============================================================ */

/* ---------- Navigasyon menüsü ----------
   wp_nav_menu <ul class="nav-menu"><li><a> üretir; prototip CSS'i
   .nav-links / .mobile-menu içinde doğrudan <a> bekliyordu. */
.nav-links .nav-menu {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-links .nav-menu li {
  margin: 0;
}

.mobile-menu .nav-menu {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-menu .nav-menu li {
  margin: 0;
}
.mobile-menu .nav-menu a {
  display: block;
}

/* ---------- Yönetim çubuğu (admin bar) ----------
   .site-header sticky/top:0. Giriş yapmışken WordPress yönetim çubuğu
   üstte fixed durur; sticky header onun altına kaymasın diye çubuk
   yüksekliği kadar ötelenir.
   - >782px: çubuk 32px, fixed.
   - 601-782px: çubuk 46px, fixed.
   - <=600px: çubuk absolute (sayfayla kayar) -> ötelemeye gerek yok. */
.admin-bar .site-header {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar .site-header {
    top: 46px;
  }
}
@media screen and (max-width: 600px) {
  .admin-bar .site-header {
    top: 0;
  }
}

/* ---------- Erişilebilirlik yardımcıları ---------- */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: absolute !important;
  word-wrap: normal !important;
}
.skip-link:focus {
  clip: auto;
  clip-path: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 12px 20px;
  position: fixed !important;
  top: 8px;
  left: 8px;
  z-index: 100000;
  background: #fff;
  color: var(--brand-navy);
  border-radius: var(--radius-sm);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}