/* Site adapter only. Release files under islam-orbit/ remain unchanged.
   Match the existing emerald header, rather than light calendar content. */
#header-outer islam-orbit-launcher[site="cal"] {
  --orbit-surface: var(--ic-deep, #0d2c29);
  --orbit-raised: var(--ic-ink, #153f3b);
  --orbit-text: var(--ic-paper, #f3f1e7);
  --orbit-muted: var(--ic-header-muted, #c4d7cb);
  --orbit-accent: var(--ic-gold, #d9b86c);
  --orbit-border: var(--ic-header-border, #64817a);
  --orbit-hover: var(--ic-header-hover, #24564e);
  --orbit-focus: var(--ic-gold, #d9b86c);
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
}
body #header-outer #top nav > ul.buttons > li.ic-orbit-desktop {
  display: flex;
  align-items: center;
  margin-left: 10px;
  padding: 0;
  width: 52px;
  min-width: 52px;
}
body #header-outer .ic-orbit-mobile { display: none; }
@media (max-width: 999px) {
  body #header-outer #top nav > ul.buttons > li.ic-orbit-desktop { display: none; }
  body #header-outer .ic-orbit-mobile {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    width: 52px;
    height: 52px;
    margin: 0 6px;
  }
}
/* The native panel may use the entire viewport on small/short screens.
   Reserve space for the logged-in WordPress toolbar in that case. */
@media (max-width: 600px), (max-height: 760px) {
  body.admin-bar #header-outer islam-orbit-launcher::part(panel) {
    top: 44px !important;
    max-height: calc(100dvh - 56px) !important;
  }
}
@media (max-width: 600px), (max-width: 782px) and (max-height: 760px) {
  body.admin-bar #header-outer islam-orbit-launcher::part(panel) {
    top: 58px !important;
    max-height: calc(100dvh - 70px) !important;
  }
}