.md-header__button.md-logo {
    margin: 0;
    padding: 0;
}
.md-header__button.md-logo img, .md-header__button.md-logo svg {
    height: 60px;
    width: 60px;
}

/* Make Maroon the Primary Color */
:root {
    --md-primary-fg-color: #800000;
    --md-primary-fg-color--light: #a04545;
    --md-primary-fg-color--dark: #600000;
}

/* ── EE2301 Styled Chapter Support ─────────────────────────────────────── */

/* Wrapper class for restyled chapters */
.unit1-styled {
    max-width: 100%;
}

/* Collapsible chapter overview */
details.video-overview {
    background: #F8F6FF;
    border: 2px solid #D4C8FF;
    border-radius: 12px;
    padding: 20px 24px;
    margin: 1rem 0 1.5rem 0;
    box-shadow: 0 2px 8px rgba(90,61,237,0.07);
}

details.video-overview > summary {
    cursor: pointer;
    font-size: 1.1rem;
    color: #5A3EED;
    margin-bottom: 0.5rem;
}

details.video-overview[open] > summary {
    margin-bottom: 1rem;
    border-bottom: 1px solid #D4C8FF;
    padding-bottom: 0.5rem;
}

/* Remove blue iframe border inside styled chapters */
.unit1-styled iframe {
    border: none !important;
}

/* Container to control the iframe size and scaling */
.iframe-container {
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  /* Iframe styles */
  iframe {
    width: 100%;
    border: solid 2px blue;
  }

  /* if a div with <div class="upper-alpha"> wraps a list, then number A.B.C.D etc */
  /* this requires that the markdown extension md_in_html is enabled in the mkdocs.yml file */
  .upper-alpha ol {
    list-style-type: upper-alpha;
  }

/* Styling for the Copy Button */
.admonition.prompt {
  position: relative;
}

.admonition.prompt .copy-button {
  position: absolute;
  top: 4px;
  right: 6px;
  background-color: #0056d6;
  color: white;
  border: none;
  border-radius: 5px;
  padding: 0.3rem 0.3rem;
  cursor: pointer;
  font-size: 0.7rem;
}

.admonition.prompt .copy-button:hover {
  background-color: #0041a4; /* Darker blue on hover */
}

/* ── Audio Reader Player ────────────────────────────────────────────────── */

/* Push page content up so the bar never covers text */
body {
  padding-bottom: 56px;
}

#audio-reader {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #800000;
  color: #fff;
  padding: 8px 16px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.35);
  transition: transform 0.2s ease;
}

#audio-reader.audio-reader--hidden {
  transform: translateY(100%);
}

#audio-reader-inner {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 1280px;
  margin: 0 auto;
  flex-wrap: wrap;
}

#audio-reader-title {
  font-weight: bold;
  font-size: 0.88rem;
  white-space: nowrap;
}

#audio-reader button {
  background: rgba(255, 255, 255, 0.92);
  color: #800000;
  border: none;
  border-radius: 4px;
  padding: 4px 10px;
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 600;
  white-space: nowrap;
  transition: background 0.15s;
}

#audio-reader button:hover {
  background: #fff;
}

#audio-reader-minimize {
  margin-left: auto;
  font-size: 1rem !important;
  padding: 2px 8px !important;
}

#audio-reader-speed-label,
#audio-reader-voice-label {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.9);
  white-space: nowrap;
}

#audio-reader select {
  background: rgba(255, 255, 255, 0.92);
  color: #222;
  border: none;
  border-radius: 4px;
  padding: 3px 5px;
  font-size: 0.8rem;
  cursor: pointer;
}

#audio-reader-status {
  font-size: 0.75rem;
  opacity: 0.75;
  white-space: nowrap;
}

/* Minimized pill ── */
#audio-reader-pill {
  display: none;
  position: fixed;
  bottom: 12px;
  right: 16px;
  z-index: 9999;
  background: #800000;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  font-size: 1.3rem;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  transition: background 0.15s;
}

#audio-reader-pill:hover {
  background: #a04545;
}

#audio-reader-pill.audio-reader-pill--visible {
  display: block;
}