/* cRAED header identity V8 — live text comes from Kick, never baked into an image.
   Sits at the right edge of the RTL navigation, works in AR/EN and on mobiles. */
.site-header .header-shell>.brand {
  direction:rtl!important;
  display:inline-flex!important;
  flex-shrink:0;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  min-width:173px;
  padding:3px 5px;
  text-decoration:none;
  isolation:isolate;
}
.site-header .brand .brand-bat{
  order:0;
  width:44px;height:44px;
  min-width:44px;flex:none;
  padding:3px;
  display:grid;place-items:center;
  border-radius:13px;
  background:linear-gradient(130deg,#310e20,#07070b 82%)!important;
  border:1px solid #f1386088!important;
  box-shadow:inset 0 1px #ffffff1d,0 0 18px #ec20432b!important;
}
.site-header .brand .site-creator-logo{
  width:35px;height:35px;
  display:block;
  object-fit:contain;
  border-radius:8px;
  filter:drop-shadow(0 0 7px #ec254372);
}
.site-header .brand .brand-text{
  order:1;
  direction:ltr;
  display:flex!important;
  align-items:flex-start;
  flex-direction:column;
  min-width:0;
  gap:3px;
  line-height:1;
  color:#fff5f7;
}
.site-header .brand .brand-title{
  display:block;
  font:800 23px/.93 Rajdhani,'Cairo',sans-serif!important;
  white-space:nowrap;
  letter-spacing:1px;
  color:#fff2f5;
}
.site-header .brand .brand-live-suffix{
  color:#ff315c;
  font-size:.54em!important;
  font-weight:900;
  letter-spacing:.5px;
}
.site-header .brand .creator-presence{
  direction:rtl;
  display:inline-flex!important;
  justify-content:flex-start;
  align-items:center;
  gap:6px;
  width:auto;
  min-height:16px;
  color:#c0b5bb;
  font:800 10px/1.4 'Cairo',sans-serif!important;
  letter-spacing:0!important;
  white-space:nowrap;
}
.site-header .brand .creator-presence.live{color:#83eca0;}
.site-header .brand .creator-presence.offline{color:#b8b3b9;}
.site-header .brand .creator-presence.checking,
.site-header .brand .creator-presence.unavailable{color:#c3b6be;}
.site-header .brand .creator-presence .broadcast-dot{
  display:block;
  width:7px;height:7px;
  min-width:7px;flex:none;
  padding:0;margin:0;
  border-radius:50%;
  background:#88868e!important;
  box-shadow:none!important;
  border:1px solid #b7b3ba35;
}
.site-header .brand .creator-presence.live .broadcast-dot{
  background:#24eb69!important;
  box-shadow:0 0 8px #24eb69aa!important;
  border-color:#b5ffcb66;
}
.site-header .brand .creator-presence.offline .broadcast-dot,
.site-header .brand .creator-presence.unavailable .broadcast-dot,
.site-header .brand .creator-presence.checking .broadcast-dot{
  background:#88868e!important;
  box-shadow:none!important;
}
/* In English, still show logo to the right of the user name. */
html[lang="en"] .site-header .header-shell>.brand{direction:rtl!important;}
html[lang="en"] .site-header .brand .creator-presence{direction:ltr;}
@media(max-width:1350px){
 .site-header .header-shell>.brand{min-width:150px;gap:7px;}
 .site-header .brand .brand-title{font-size:21px!important;}
 .site-header .brand .brand-bat{width:39px;height:39px;min-width:39px;}
 .site-header .brand .site-creator-logo{width:31px;height:31px;}
}
@media(max-width:650px){
 .site-header .header-shell>.brand{min-width:0;max-width:none;padding:2px;gap:6px;}
 .site-header .brand .brand-bat{width:36px;height:36px;min-width:36px;border-radius:10px;}
 .site-header .brand .site-creator-logo{width:28px;height:28px;}
 .site-header .brand .brand-title{font-size:18px!important;}
 .site-header .brand .creator-presence{font-size:9px!important;}
}
@media(max-width:390px){
 .site-header .brand .brand-title{font-size:16px!important;}
 .site-header .brand .brand-bat{width:32px;height:32px;min-width:32px;}
 .site-header .brand .site-creator-logo{width:25px;height:25px;}
 .site-header .header-shell>.brand{gap:5px;}
}