/* Custom color overrides for iShareRadio theme */
/* These CSS variables are used when palette primary is set to 'custom' in mkdocs.yml */
:root,
[data-md-color-primary="custom"],
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #00007b;
  --md-primary-fg-color--light: #1a1a96;
  --md-primary-fg-color--dark: #00005a;
  --md-accent-fg-color: #00007b;
  --md-accent-fg-color--transparent: rgba(0, 0, 123, 0.1);
}

/* Video wrapper: full width of MkDocs content section only, 16:9 aspect ratio.
   If videos stay small (e.g. theme overrides), add the same inline style as in docs/index.md. */
.video-wrapper {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-bottom: 56.25% !important; /* 16:9 */
  height: 0 !important;
  overflow: hidden !important;
  margin: 1.5em 0 !important;
  display: block !important;
}

.video-wrapper iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

/* Improved navigation sidebar hierarchy and visual clarity */
.md-nav__item--nested > .md-nav__link {
  font-weight: 600;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}

.md-nav__item--nested > .md-nav__link:first-child {
  margin-top: 0;
}

/* Better visual separation for nested sections */
.md-nav__item--nested > .md-nav {
  margin-left: 0.5rem;
  padding-left: 0.75rem;
  border-left: none;
}

/* Improve spacing between top-level sections */
.md-nav__item:not(.md-nav__item--nested) {
  margin-bottom: 0.5rem;
}

/* Make section headers more distinct */
.md-nav__title {
  font-weight: 700;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}

.md-nav__title:first-child {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}

/* Better indentation for nested items */
.md-nav__item .md-nav__item {
  margin-left: 0.5rem;
}

.md-nav__item .md-nav__item .md-nav__link {
  padding-left: 1.25rem;
}

/* Improve active state visibility */
.md-nav__link--active {
  font-weight: 600;
  color: var(--md-primary-fg-color);
}

/* Better hover states for clarity */
.md-nav__link:hover {
  background-color: var(--md-accent-fg-color--transparent);
  border-radius: 0.25rem;
}