/* IU branding for the Kumo docs site.
   #990000 is IU's official crimson per Rivet's public design tokens
   (rivet.iu.edu/design-tokens, --rvt-color-crimson-500). */

/* mkdocs-material re-declares these on [data-md-color-scheme="default"]
   (set on <body>), which beats a plain :root rule -- match its selector. */
:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #990000;
  --md-primary-fg-color--light: #b23a3a;
  --md-primary-fg-color--dark: #660000;
  --md-accent-fg-color: #990000;
  --md-footer-bg-color: #990000;
  /* .md-footer-meta uses --dark, not --md-footer-bg-color. */
  --md-footer-bg-color--dark: #990000;
}

/* Stretch .md-copyright so flex-end can right-align the footer bar. */
.md-footer-meta__inner .md-copyright {
  flex: 1;
}

.iu-footer-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5em 1.5em;
  width: 100%;
}

/* .md-typeset img has higher specificity (class+element); match it. */
img.iu-footer-trident {
  height: 1.1rem;
  width: auto;
  max-width: none;
}

.iu-footer-bar a {
  color: inherit;
  opacity: 0.9;
}

.iu-footer-bar a:hover {
  opacity: 1;
  text-decoration: underline;
}

/* Status page: one collapsible <details> section per notice type. */
.status-section {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.2rem;
  padding: 0.5rem 1rem;
  margin: 0 0 0.75rem;
}

.status-section summary {
  cursor: pointer;
  font-weight: 700;
}

.status-count {
  display: inline-block;
  min-width: 1.4em;
  text-align: center;
  background: var(--md-default-fg-color--lighter);
  color: var(--md-default-bg-color);
  border-radius: 1rem;
  padding: 0 0.4em;
  font-size: 0.75rem;
}

/* Notice cards inside a section, colored by notice type. */
.status-notice {
  border-left: 0.25rem solid var(--md-default-fg-color--lighter);
  background: var(--md-code-bg-color);
  border-radius: 0.1rem;
  padding: 0.6rem 1rem;
  margin: 0.75rem 0 0;
}

.status-notice--alert { border-left-color: #990000; }
.status-notice--maintenance { border-left-color: #b58500; }
.status-notice--ongoing { border-left-color: #3f6ec6; }

.status-notice__header {
  font-weight: 700;
  margin-bottom: 0.3rem;
}

.status-notice__dates {
  font-size: 0.8rem;
  opacity: 0.7;
  margin-top: 0.4rem;
}

.status-error {
  color: #990000;
}

.status-ok {
  color: #2e7d32;
}

/* Full-width banners for the status page's overall messages, matching the
   legacy status page's green "all good" / blue "info" boxes. */
.status-banner {
  border-radius: 0.2rem;
  padding: 0.75rem 1rem;
  margin: 0 0 0.75rem;
}

.status-banner a {
  color: inherit;
  text-decoration: underline;
}

.status-banner--ok {
  background: #2e7d32;
  color: #fff;
}

.status-banner--info {
  background: var(--md-code-bg-color);
  border-left: 0.25rem solid #3f6ec6;
}

.status-banner--down {
  background: #990000;
  color: #fff;
}
