/**
 * Embed Player Styles
 *
 * Additional styles for the embed player.
 * Most styles are inlined in the HTML for CSP compatibility.
 * This file provides fallback/override styles.
 */

/* Ensure smooth animations */
* {
  box-sizing: border-box;
}

/* Focus styles for accessibility */
button:focus-visible,
input:focus-visible {
  outline: 2px solid var(--accent-9, #e5484d);
  outline-offset: 2px;
}

/* Prevent text selection on controls */
.embed-controls,
.embed-branding,
.embed-big-play {
  user-select: none;
  -webkit-user-select: none;
}

/* Smooth transitions for all interactive elements */
.embed-btn,
.embed-branding,
.embed-big-play,
.embed-seekbar {
  transition: all 0.15s ease;
}