/* ==========================================================================
   FIBERKO — ÜST MENÜ AÇILIR KART (.m-drop)
   Temel stil dosyasındaki kuralın üstüne biner: klavye odağıyla da açılır,
   simgeler sabit genişlikte hizalanır. partials/header.blade.php yükler.
   ========================================================================== */

/* Klavye: öğe içinde odak varken ya da JS .is-open verdiğinde açık.
   Escape ile kapatılınca (.is-dismissed) odak orada kalsa da kapanır. */
.m-nav__item.is-open > .m-drop,
.m-nav__item:focus-within:not(.is-dismissed) > .m-drop{
  opacity:1; visibility:visible; transform:translateY(0);
}
.m-nav__item.is-open > .m-mega,
.m-nav__item:focus-within:not(.is-dismissed) > .m-mega{
  opacity:1; visibility:visible; transform:translateX(-50%) translateY(10px);
}
.m-nav__item.is-dismissed:not(:hover) > .m-drop,
.m-nav__item.is-dismissed:not(:hover) > .m-mega{ opacity:0; visibility:hidden; }

.m-nav__item.is-open > a,
.m-nav__item:focus-within:not(.is-dismissed) > a{ color:var(--c-primary); }
.m-nav__item.is-open > a::after,
.m-nav__item:focus-within:not(.is-dismissed) > a::after{ transform:scaleX(1); }
.m-nav__item.is-open > a .caret,
.m-nav__item:focus-within:not(.is-dismissed) > a .caret{ transform:rotate(180deg); }

/* Kart: beyaz, yuvarlak köşe, yumuşak gölge */
.m-drop{
  min-width:250px;
  padding:10px;
  background:#fff;
  border:1px solid var(--c-line);
  border-radius:var(--r);
  box-shadow:0 24px 60px -20px color-mix(in srgb, var(--c-ink) 28%, transparent);
  z-index:60;
}
[dir="rtl"] .m-drop{ left:auto; right:0; }

.m-drop a{
  gap:12px;
  padding:11px 14px;
  font-size:.93rem; font-weight:500;
  color:var(--c-text);
  white-space:nowrap;
}
.m-drop a i{
  flex:none; width:18px; text-align:center;
  font-size:.95rem; color:var(--c-ink);
  transition:color .2s var(--ease);
}
.m-drop a:hover,
.m-drop a:focus-visible{
  background:var(--c-surface);
  color:var(--c-ink);
}
.m-drop a:hover i,
.m-drop a:focus-visible i{ color:var(--c-primary); }
.m-drop a:focus-visible{ outline:2px solid var(--c-primary); outline-offset:-2px; }
.m-drop a[aria-current="page"]{ color:var(--c-ink); font-weight:600; }
.m-drop a[aria-current="page"] i{ color:var(--c-primary); }

@media (prefers-reduced-motion: reduce){
  .m-drop, .m-mega, .m-drop a i, .m-nav__item > a .caret, .m-nav__item > a::after{ transition:none; }
  .m-nav__item:hover .m-drop,
  .m-nav__item.is-open > .m-drop,
  .m-nav__item:focus-within > .m-drop,
  .m-drop{ transform:none; }
}

/* Dil menüsü RTL'de sağa hizalı kalıp dar ekranda sayfanın sol kenarından
   taşıyordu (390px'te yatay kaydırma). Arapçada sola hizalanır. */
[dir="rtl"] .m-lang__menu{ right:auto; left:0; }