:root{
  --baba: #5B3A29;
  --babaHover: #4A2F22;
  --babaSoft: #F6EFEA;
  --babaBorder: #E8D9D0;
  --babaRing: rgba(91,58,41,.35);

  /* TOP BAND SPEED */
  --ebbMarqueeDur: 16s; /* 12s hızlı, 20s yavaş */
}

.baba-text{ color: var(--baba) !important; }
.baba-bg{ background-color: var(--baba) !important; }
.baba-bg-hover:hover{ background-color: var(--babaHover) !important; }
.baba-border{ border-color: var(--babaBorder) !important; }
.baba-soft{ background-color: var(--babaSoft) !important; }

/* ✅ Daha iyi focus (mouse değil klavye) */
.baba-ring:focus,
.baba-ring:focus-visible{
  box-shadow: 0 0 0 3px var(--babaRing) !important;
  outline: none !important;
}

.baba-link{
  color: var(--baba) !important;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 700;
}
.baba-link:hover{ color: var(--babaHover) !important; }

input[type="checkbox"], input[type="radio"]{ accent-color: var(--baba); }

/* küçük scroll bar */
.baba-scroll::-webkit-scrollbar{ width: 8px; }
.baba-scroll::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.12);
  border-radius: 999px;
}

/* mini highlight */
.eb-soft-pill{
  background: rgba(16,185,129,.10);
  border: 1px solid rgba(16,185,129,.25);
  color: #065f46;
}

/* ✅ TOAST (Ekran Ortası + İnce Uzun Tek Satır) */
.baba-toast-layer{
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  pointer-events: none;
}
.baba-toast{
  background: var(--baba);
  color: #fff;
  padding: 14px 40px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .2px;
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
  max-width: 92vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  animation: toastFade .22s ease;
  backdrop-filter: blur(6px);
}
.baba-toast-error{ background: #dc2626; }
.baba-toast-success{ background: #2563eb; }

@keyframes toastFade{
  from{ opacity: 0; transform: translateY(6px) scale(.98); }
  to{ opacity: 1; transform: translateY(0) scale(1); }
}

/* Tailwind hidden gecikse bile garanti gizle */
.baba-toast-layer.hidden{ display: none !important; }

/* =========================================================
   ✅ TOP BAND (MARQUEE) - SAĞLAM LOOP
   - Eğer tek kopya metin kaydırıyorsan bazen kopar.
   - En sağlamı: içeride 2 kopya content kullanmak.
   ========================================================= */

/* Senin mevcut class: #ebbTopBand .ebb-marquee
   Varsayım: .ebb-marquee içinde kayan bir satır var.
*/
#ebbTopBand .ebb-marquee{
  animation: ebbMarquee var(--ebbMarqueeDur) linear infinite;
  will-change: transform;
  transform: translateZ(0);
}

/* ✅ Eğer içerik iki kopya ise (-50%) daha iyi loop */
@keyframes ebbMarquee{
  0%   { transform: translate3d(0,0,0); }
  100% { transform: translate3d(-50%,0,0); }
}

/* Mobilde biraz hızlı */
@media (max-width: 640px){
  :root{ --ebbMarqueeDur: 13s; }
}

/* Hareket azaltma tercihi olanlara saygı */
@media (prefers-reduced-motion: reduce){
  #ebbTopBand .ebb-marquee{
    animation: none !important;
    transform: none !important;
  }
}