/* OKUL724 - TEK ORTAK PUBLIC HEADER CSS
   Bu dosya sitenin tüm public sayfalarında header için ortak standarttır. */
.header .nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
}

.header .menu{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  flex:1;
}

.header .menu > a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:10px 11px;
  border-radius:10px;
  text-decoration:none;
  line-height:1.2;
  vertical-align:middle;
}

.header .menu > a .menu-icon,
.header .menu > a .menu-icon-lucide{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 var(--menu-icon-size,17px);
  width:var(--menu-icon-size,17px);
  height:var(--menu-icon-size,17px);
  margin:0;
  padding:0;
  line-height:0;
  vertical-align:middle;
}

.header .menu > a .menu-icon-lucide i,
.header .menu > a .menu-icon-lucide svg{
  display:block;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0;
  vertical-align:middle;
}

/* Profile sayfasındaki eski özel ikon kuralını da ortak standarda bağla. */
.student-profile-page .header .menu > a .menu-icon-lucide{
  margin:0;
  flex:0 0 var(--menu-icon-size,17px);
  width:var(--menu-icon-size,17px);
  height:var(--menu-icon-size,17px);
}

.header .nav-actions{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:max-content;
}

.header .user-menu,
.header .user-button{
  display:flex;
  align-items:center;
}

.header .mobile-menu{
  align-items:center;
  justify-content:center;
}

@media (max-width: 900px){
  .header .nav{
    gap:12px;
  }
  .header .menu{
    gap:0;
  }
  .header .menu > a{
    gap:5px;
  }
}