/* 
 * Player Spacing Styles
 * Provides consistent spacing between the site header and player components
 */

/* Base player wrapper spacing */
#player-wrapper {
  position: relative;
  z-index: 1; /* Ensure it's below the header */
}

/* Mobile spacing - already defined in individual player pages */
@media screen and (max-width: 599px) {
  #player-wrapper {
    /* Existing mobile styles are in individual player pages */
  }
}

/* Desktop spacing */
@media screen and (min-width: 600px) {
  #player-wrapper {
    margin-top: 2rem; /* Add spacing between player and header in desktop view */
  }
}