/* ==========================================================================
   ASCIINEMA PLAYER (Tailwind Prototype Cleaned)
   --------------------------------------------------------------------------
   - Stripped of all stock themes (dracula, monokai, nord, etc.)
   - No fixed font-size, width, or height
   - Transparent backgrounds by default
   - Only functional pieces: player layout, terminal, cursor, overlays, controls
   ========================================================================== */

/* Wrapper / container */

/* Example: force orange in solarized theme */
body[data-md-color-scheme="solarized"] 
  div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter-full {
  background-color: orange;
}
div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter {
  position: absolute;
  bottom: 14px;   /* instead of top: 15px */
  height: 7px;
}
div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter-empty {
  background-color: grey;
  position: absolute;
  bottom: 14px;   /* instead of top: 15px */
  height: 7px;
}
/* Default (light / solarized): orange */
div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter-full {
  background-color: orange;
}

/* Dark slate theme: lighter orange/yellow for contrast */
body[data-md-color-scheme="slate"] 
  div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter-full {
  background-color: #ffcc66;  /* softer, lighter orange */
}

body[data-md-color-scheme="solarized"] 
  div.ap-control-bar .ap-playback-button {
  background-color: #ffcc66;
  border-radius: 4px;
}

body[data-md-color-scheme="slate"] 
  div.ap-control-bar .ap-playback-button {
  background-color: gray;
  border-radius: 4px;
}


body[data-md-color-scheme="solarized"] .asciicast-player {
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
  border-color: grey;
  padding-left: .1;
  padding-right: .1;
  box-shadow: 0 20px 25px -5px rgba(66, 64, 64, 0.5), 0 8px 10px -6px rgba(233, 160, 2, 0.6);
}

/* Dark (slate) */
body[data-md-color-scheme="slate"] .asciicast-player {
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
  border-color: #967738;
  box-shadow: 0 20px 25px -5px rgba(111, 106, 106, 0.9), 0 8px 10px -6px rgba(119, 88, 26, 0.9)
}