/* Slim family bar shared by /madar/, /jasadi/, and /falak/.
   Self-hosted Plex so the bar (and Madar, via --font) never waits on Google Fonts. */
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/plex-arabic-400.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/plex-arabic-500.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/plex-arabic-600.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/plex-latin-400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/plex-latin-500.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/plex-latin-600.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.ithamer-return {
  display: flex;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  height: 36px;
  padding: 0 16px;
  background: #14213D;
  color: #F3EEE3;
  text-decoration: none;
  font-family: "IBM Plex Sans Arabic", "Plex Arabic", "Readex Pro", "Segoe UI", Tahoma, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  z-index: 80;
  flex: none;
}
.ithamer-return img {
  width: 22px;
  height: 22px;
  display: block;
  max-width: none;
}
.ithamer-return:hover { color: #E3AA3A; }
.ithamer-return:focus-visible {
  outline: 2px solid #E3AA3A;
  outline-offset: -3px;
}

body.has-return .ithamer-return {
  position: sticky;
  top: 0;
}
body.has-return .site-header { top: 36px; }

body.is-madar {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
body.is-madar .ithamer-return { position: relative; top: auto; }
body.is-madar #root {
  flex: 1 1 auto;
  min-height: 0;
  height: auto !important;
}

body.is-falak .ithamer-return {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
}
body.is-falak #dc-root > div,
body.is-falak #dc-root > .sc-host {
  top: 36px !important;
  bottom: 0 !important;
  height: auto !important;
}

#falak-regions[aria-hidden="true"],
body.is-falak [role="dialog"][aria-hidden="true"] {
  visibility: hidden !important;
  pointer-events: none !important;
}