/* Bileşen: Üst yardımcı çubuk (parts/utility-bar.html)
   Ana menünün üstünde ince lacivert şerit — kısa güven mesajı + iletişim. */

.ar-utility-bar {
  background: var(--ar-navy);
  color: var(--ar-on-dark-muted);
  padding: 7px var(--ar-space-md);
  font-size: 0.8rem;
}

.ar-utility-bar p {
  margin: 0;
}

.ar-utility-bar a {
  color: #fff;
  text-decoration: none;
}

.ar-utility-bar a:hover {
  color: var(--ar-sky);
  text-decoration: underline;
}

.ar-utility-bar__links {
  display: flex;
  gap: 10px;
  align-items: center;
  white-space: nowrap;
}

/* Dar ekranda ikincil bilgi; yalnızca iletişim bağlantıları kalsın. */
@media (max-width: 767px) {
  .ar-utility-bar__note {
    display: none;
  }

  .ar-utility-bar .wp-block-group {
    justify-content: center;
  }
}

/* =========================================================================
   ÜST BAR — İBARE / KAYAN DUYURU / İLETİŞİM
   ========================================================================= */

.ar-ubar {
  background: var(--ar-ustbar-arka, var(--ar-navy));
  color: var(--ar-ustbar-yazi, var(--ar-on-dark-muted));
}

.ar-ubar__ic {
  display: grid;
  /* Orta sütun kalan yeri alır; şerit yoksa boş kalır. */
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
  padding: 7px clamp(16px, 4vw, 32px);
}

.ar-ubar__ibare,
.ar-ubar__baglar {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.4;
  white-space: nowrap;
}

.ar-ubar__baglar a {
  color: inherit;
  text-decoration: none;
}

.ar-ubar__baglar a:hover { text-decoration: underline; }

/* --- Kayan şerit --- */

.ar-ubar__serit {
  overflow: hidden;
  min-width: 0;
  /* Kenarlarda yumuşak geçiş: metin bantın içinden çıkıyormuş gibi. */
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.ar-ubar__ray {
  display: flex;
  width: max-content;
  animation: ar-ubar-kay 32s linear infinite;
}

.ar-ubar__grup {
  display: flex;
  gap: 42px;
  padding-right: 42px;
  white-space: nowrap;
}

.ar-ubar__duyuru {
  font-size: 0.75rem;
  color: inherit;
  text-decoration: none;
}

a.ar-ubar__duyuru:hover { text-decoration: underline; }

/* İki kopya basılıyor; %50'de başa sarınca kesinti görünmez. */
@keyframes ar-ubar-kay {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Üzerine gelince durur — okumak isteyen yakalayabilsin. */
.ar-ubar__serit:hover .ar-ubar__ray { animation-play-state: paused; }

@media (prefers-reduced-motion: reduce) {
  .ar-ubar__ray { animation: none; }
}

/* Dar ekranda şerit ve iletişim gizlenir; üç öğe tek satıra sığmıyor. */
@media (max-width: 860px) {
  .ar-ubar__ic { grid-template-columns: 1fr; justify-items: center; }
  .ar-ubar__serit, .ar-ubar__baglar { display: none; }
}