/* Only the brand artwork changes. All colors, tools and page layouts are inherited. */
.ostadi-brand { min-width: 0; margin-left: 0; margin-inline-end: auto; }
.ostadi-brand .ostadtools-header-logo {
  display: inline-flex;
  align-items: center;
  width: 190px;
  max-width: 100%;
  padding: 2px 4px;
  border-radius: 8px;
  background: transparent;
  text-decoration: none;
}
.ostadtools-header-logo picture,
.ostadtools-footer-logo picture { display: block; width: 100%; }
.ostadi-brand .ostadtools-header-logo img,
.ostadtools-footer-logo img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; }
.ostadtools-footer-logo { display: inline-flex; width: 240px; max-width: 100%; padding: 6px; background: transparent; border-radius: 8px; }
.ll-footer-links { display:flex; flex-wrap:wrap; gap:4px 20px; padding-block:8px 16px; border-top:1px solid #2b3a51; }
.ll-footer-links a, .ostadi-site-footer .ostadi-footer-menu a { display:inline-flex; align-items:center; min-height:44px; padding-block:8px; color:#dce6f5; font-size:13px; text-underline-offset:4px; }
body.home.orc-has-tools-launcher, body.ll-info-page.orc-has-tools-launcher { padding-bottom:0; }
/* Fit the original horizontal mark without its surplus transparent top/bottom margin. */
@media (min-width: 701px) {
  .ostadtools-brand-picture.is-arabic-desktop { aspect-ratio: 2.5; overflow: hidden; }
  .ostadi-brand .ostadtools-header-logo .is-arabic-desktop img,
  .ostadtools-footer-logo .is-arabic-desktop img { height: 100%; object-fit: cover; }
  [data-ostadi-theme="dark"] .ostadtools-header-logo .is-arabic-desktop img,
  .ostadtools-footer-logo .is-arabic-desktop img { filter: brightness(0) invert(1); }
}
@media (max-width: 700px) {
  .ostadi-brand .ostadtools-header-logo { width: 146px; }
  .ostadi-brand { flex: 0 1 146px; }
  .ostadi-account-actions { margin-right: 0; margin-inline-start: auto; flex-shrink: 0; }
  .ostadtools-brand-picture.is-arabic-mobile { aspect-ratio: 2.5; overflow: hidden; }
  .ostadi-brand .ostadtools-header-logo .is-arabic-mobile img,
  .ostadtools-footer-logo .is-arabic-mobile img { height: 100%; object-fit: cover; }
  [data-ostadi-theme="dark"] .ostadtools-header-logo .is-arabic-mobile img,
  .ostadtools-footer-logo .is-arabic-mobile img { filter: brightness(0) invert(1); }
}
@media (max-width: 350px) {
  .ostadi-brand .ostadtools-header-logo { width: 106px; }
  .ostadi-brand { flex-basis: 106px; }
}