/* Custom styling for Kaush Sound Sensor documentation */

:root {
  --md-primary-fg-color: #FF8C00;
  --md-accent-fg-color: #90EE90;
}

/* Video responsive embedding */
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

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

/* Image styling */
.center-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 20%;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.md-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Code block improvements */
.highlight {
  margin: 1em 0;
}

/* Custom admonition styles */
.md-typeset .admonition.tip {
  border-color: #90EE90;
}

.md-typeset .admonition.warning {
  border-color: #FF8C00;
}

/* Table styling */
.md-typeset table:not([class]) {
  font-size: 0.8em;
}

/* Make left sidebar smaller */
.md-sidebar--primary {
  width: 180px !important;
}

/* Make right TOC narrower */
.md-sidebar--secondary {
  width: 200px !important;
}

/* Give main content more room */
.md-content {
  max-width: 1100px !important;
}
img.super_small{
    width: 100px;
}
img.ex_small{
    width: 200px;
}
img.small {
  width: 400px;
}

img.medium {
  width: 800px;
}

img.large {
  width: 100%;
}

.md-header__button.md-logo img {
  height: 60px;   /* Adjust logo size */
  width: auto;
}