/* Ortak değişkenler (tümü) */
:root{
  --menu-color:        #8391a2;   /* varsayılan yazı+ikon */
  --menu-active-color: #ffffff;   /* AKTİF öğe rengi – sen değiştir */
  --menu-font-size:    14px;
  --menu-font-weight:  400;
  --menu-icon-size:    18px;
}

/* Admin sidebar ve site menüler için ortak kurallar */
.leftside-menu .side-nav-link,
.site-menu a,
.mobile-menu a,
.tablet-menu a{
  color:var(--menu-color);
  font-size:var(--menu-font-size);
  font-weight:var(--menu-font-weight);
  display:flex; align-items:center; gap:8px;
}

.leftside-menu .side-nav-link i,
.site-menu a i,
.mobile-menu a i,
.tablet-menu a i{
  color:var(--menu-color);
  font-size:var(--menu-icon-size);
}

/* Aktif renk (JS aktif sınıfı ekliyor) */
.leftside-menu .side-nav-link.active,
.leftside-menu .side-nav-link.active i,
.leftside-menu .side-nav-link.active .menu-text,
.site-menu a.active,
.site-menu a.active i,
.mobile-menu a.active,
.tablet-menu a.active{
  color:var(--menu-active-color) !important;
}

/* Alt satırlardaki üst/alt yazıyı daha okunur yap */
.leftside-menu .side-nav-link small,
.site-menu a small{ opacity:.85; line-height:1.1; }

/* Cihaz bazlı küçük dokunuşlar */
@media (max-width:1199.98px){ /* tablet */
  :root{ --menu-font-size:13px; --menu-icon-size:17px; }
}
@media (max-width:767.98px){  /* mobil  */
  :root{ --menu-font-size:13px; --menu-icon-size:17px; }
}