/* Flat premium player bar */
.player-bar {
  box-shadow: none;
}

/* Smaller, calmer dot */
.player-status-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
  background: rgba(25, 135, 84, 0.35);
  border: 1px solid rgba(25, 135, 84, 0.7);
}

.player-status-dot.is-playing {
  background: rgba(25, 135, 84, 0.95);
  box-shadow: 0 0 0 4px rgba(25, 135, 84, 0.2);
}

/* Compact icon buttons */
.btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .25rem;
  padding: .55rem .85rem;
  line-height: 1;
}

.btn-icon-only {
  width: 44px;
  padding: .55rem 0;
}

/* Premium range styling using CSS vars for played/buffered */
.range-premium {
  --played: 0%;
  --buff: 0%;
  height: 1.25rem;
}

/* WebKit */
.range-premium::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 999px;
  background:
    linear-gradient(to right,
      rgba(25, 135, 84, 1) 0%,
      rgba(25, 135, 84, 1) var(--played),
      rgba(25, 135, 84, 0.35) var(--played),
      rgba(25, 135, 84, 0.35) var(--buff),
      rgba(255, 193, 7, 0.35) var(--buff),
      rgba(255, 193, 7, 0.35) 100%);
}

.range-premium::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  margin-top: -4px;
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid rgba(25, 135, 84, 1);
}

/* Firefox */
.range-premium::-moz-range-track {
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 193, 7, 0.35);
}

.range-premium::-moz-range-progress {
  height: 8px;
  border-radius: 999px;
  background: rgba(25, 135, 84, 1);
}

.range-premium::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid rgba(25, 135, 84, 1);
}

.hero-block {
  min-height: 100vh; min-height: 100svh; 
}


@media (max-width:991px) {
    body.poster {
        margin-top: 60vh;
    }
}

body.poster {
    background-attachment: fixed;
}

.top-5 {
    top: 5px;
}

body {
    cursor: url('Images/dragonfly-cursor.cur') 25 16, auto;
}
