/* RUYA_GLOBAL_HEADER_CSS_V1_20260928 */

/*
  ORTAK UYGULAMA HEADER
  SOL   : profil
  ORTA  : Rüya Anaokulu
  SAG   : bildirim

  Ana ekran / hero / kart / alt navigasyon kurallarina dokunmaz.
*/

.ruyaGlobalHeaderV1{
  width:min(100%,900px)!important;
  min-height:82px!important;

  margin:0 auto!important;

  display:grid!important;
  grid-template-columns:
    50px
    minmax(0,1fr)
    50px!important;

  align-items:center!important;

  gap:12px!important;

  padding:
    5px
    1px
    15px!important;

  box-sizing:border-box!important;

  background:#fff!important;
}


/* ADMIN MOBILE'DE ESKI DISPLAY NONE KURALLARINI EZ */
.shell.role-admin
.main
> .ruyaGlobalHeaderV1{
  display:grid!important;
}


/* ==============================
   SOL PROFIL
   ============================== */

.ruyaGlobalHeaderV1
.ruyaGlobalHeaderProfile{
  grid-column:1!important;

  width:50px!important;
  height:50px!important;

  min-width:50px!important;
  min-height:50px!important;

  flex:0 0 50px!important;

  margin:0!important;
  padding:0!important;

  justify-self:start!important;

  border-radius:50%!important;

  overflow:visible!important;
}


.ruyaGlobalHeaderV1
.ruyaGlobalHeaderProfile
> span{
  width:100%!important;
  height:100%!important;

  display:grid!important;
  place-items:center!important;

  overflow:hidden!important;

  border-radius:50%!important;
}


.ruyaGlobalHeaderV1
.ruyaGlobalHeaderProfile
> span
> img{
  width:100%!important;
  height:100%!important;

  display:block!important;

  object-fit:cover!important;

  border-radius:50%!important;
}


/* ==============================
   ORTA LOGO
   ============================== */

.ruyaGlobalHeaderV1
.ruyaGlobalHeaderBrand{
  grid-column:2!important;

  width:100%!important;
  min-width:0!important;

  height:50px!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  margin:0!important;
  padding:0!important;

  overflow:hidden!important;

  pointer-events:none!important;
}


.ruyaGlobalHeaderV1
.ruyaGlobalHeaderBrand
img{
  width:min(100%,225px)!important;
  height:auto!important;

  max-height:40px!important;

  display:block!important;

  margin:0 auto!important;

  object-fit:contain!important;
  object-position:center center!important;
}


/* ==============================
   SAG BILDIRIM
   ============================== */

.ruyaGlobalHeaderV1
.ruyaGlobalHeaderBell{
  grid-column:3!important;

  width:50px!important;
  height:50px!important;

  display:grid!important;
  place-items:center!important;

  justify-self:end!important;
}


.ruyaGlobalHeaderV1
.ruyaGlobalHeaderBell
.profileBell{
  width:50px!important;
  height:50px!important;

  min-width:50px!important;
  min-height:50px!important;

  flex:0 0 50px!important;

  margin:0!important;

  border-radius:16px!important;
}


/* Eski soldaki kare logo artik DOM'da yok.
   Güvenlik için varsa da gizle. */

.ruyaGlobalHeaderV1
.ruya-r793-brand,
.ruyaGlobalHeaderV1
.ruya-r793-logo,
.ruyaGlobalHeaderV1
.ruya-r793-header-actions{
  display:none!important;
}


/* ==============================
   KUCUK TELEFON
   ============================== */

@media(max-width:390px){

  .ruyaGlobalHeaderV1{
    min-height:75px!important;

    grid-template-columns:
      45px
      minmax(0,1fr)
      45px!important;

    gap:8px!important;

    padding:
      4px
      0
      12px!important;
  }


  .ruyaGlobalHeaderV1
  .ruyaGlobalHeaderProfile,
  .ruyaGlobalHeaderV1
  .ruyaGlobalHeaderBell,
  .ruyaGlobalHeaderV1
  .ruyaGlobalHeaderBell
  .profileBell{
    width:45px!important;
    height:45px!important;

    min-width:45px!important;
    min-height:45px!important;

    flex-basis:45px!important;
  }


  .ruyaGlobalHeaderV1
  .ruyaGlobalHeaderBrand{
    height:45px!important;
  }


  .ruyaGlobalHeaderV1
  .ruyaGlobalHeaderBrand
  img{
    width:min(100%,185px)!important;
    max-height:34px!important;
  }
}


/* ==============================
   TABLET / BUYUK MOBIL
   ============================== */

@media(min-width:521px) and (max-width:980px){

  .ruyaGlobalHeaderV1{
    min-height:112px!important;

    grid-template-columns:
      62px
      minmax(0,1fr)
      62px!important;

    gap:18px!important;

    padding:
      10px
      4px
      20px!important;
  }


  .ruyaGlobalHeaderV1
  .ruyaGlobalHeaderProfile,
  .ruyaGlobalHeaderV1
  .ruyaGlobalHeaderBell,
  .ruyaGlobalHeaderV1
  .ruyaGlobalHeaderBell
  .profileBell{
    width:62px!important;
    height:62px!important;

    min-width:62px!important;
    min-height:62px!important;

    flex-basis:62px!important;
  }


  .ruyaGlobalHeaderV1
  .ruyaGlobalHeaderBrand{
    height:62px!important;
  }


  .ruyaGlobalHeaderV1
  .ruyaGlobalHeaderBrand
  img{
    width:min(100%,290px)!important;
    max-height:49px!important;
  }
}


/* =========================================================
   RUYA_GLOBAL_HEADER_V2_20260928

   PROFIL:
   - border yok
   - halka yok
   - golge yok
   - status noktasi yok

   BILDIRIM:
   - unread varsa zil kirmizi
   - badge kirmizi / yazi beyaz

   PARENT:
   - profil butonu kesin gorunur
   ========================================================= */


/* ---------- PROFIL TEMIZ ---------- */

.ruyaGlobalHeaderV1 .ruyaGlobalHeaderProfile{
    display:grid!important;
    place-items:center!important;

    border:0!important;
    outline:0!important;

    box-shadow:none!important;
    -webkit-box-shadow:none!important;

    background:transparent!important;

    filter:none!important;

    appearance:none!important;
    -webkit-appearance:none!important;
}


.ruyaGlobalHeaderV1 .ruyaGlobalHeaderProfile > span{
    border:0!important;
    outline:0!important;

    box-shadow:none!important;
    -webkit-box-shadow:none!important;

    background:transparent!important;

    filter:none!important;

    color:#17307a!important;
    font-weight:800!important;
}


.ruyaGlobalHeaderV1 .ruyaGlobalHeaderProfile > span > img{
    border:0!important;
    outline:0!important;

    box-shadow:none!important;
    -webkit-box-shadow:none!important;

    background:transparent!important;

    filter:none!important;
}


/* Eski online/status yesil nokta tamamen kalkar */
.ruyaGlobalHeaderV1 .ruyaGlobalHeaderProfile > i{
    display:none!important;
}


/* VELI: sol profil alani eski CSS tarafindan kapatilamaz */
.shell.role-parent .ruyaGlobalHeaderV1 .ruyaGlobalHeaderProfile{
    display:grid!important;

    visibility:visible!important;
    opacity:1!important;

    pointer-events:auto!important;
}


/* ---------- BILDIRIM ---------- */

.ruyaGlobalHeaderV1 .ruyaGlobalHeaderBell .profileBell{
    color:#17307a!important;
}


/* Okunmamis bildirim varsa zilin kendisi kirmizi */
.ruyaGlobalHeaderV1 .ruyaGlobalHeaderBell .profileBell.hasUnread{
    color:#df3238!important;
}


/* Sayaç HER ZAMAN kirmizi */
.ruyaGlobalHeaderV1 .ruyaGlobalHeaderBell .notificationCount{
    background:#df3238!important;
    color:#fff!important;

    border:2px solid #fff!important;

    box-shadow:none!important;

    font-weight:900!important;
}


/* Eski mor notification override'larini kesin ez */
.shell .ruyaGlobalHeaderV1 .profileBell.hasUnread{
    color:#df3238!important;
}

.shell .ruyaGlobalHeaderV1 .notificationCount{
    background:#df3238!important;
    color:#fff!important;
}