/* Media player styling and case study link modifications */

/* Media player container */
.audio-player {
  width: 100%;
  margin-top: 1rem;
  background-color: rgba(17, 17, 17, 0.8);
  border-radius: 4px;
  padding: 0.5rem;
}

/* Audio element styling */
.audio-player audio {
  width: 100%;
  height: 40px;
  outline: none;
}

/* Audio controls styling */
audio::-webkit-media-controls-panel {
  background-color: #222;
  border-radius: 4px;
}

audio::-webkit-media-controls-play-button {
  background-color: #78BEBA;
  border-radius: 50%;
}

audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display {
  color: #fff;
}

/* Hide case study links as requested */
.project-link {
  display: none;
}

/* Adjust project card layout without case study links */
.project-info {
  padding-bottom: 1rem;
}

/* Ensure proper spacing at the bottom of project cards */
.project-card {
  margin-bottom: 2rem;
}

/* Responsive adjustments for media players */
@media (max-width: 768px) {
  .audio-player {
    padding: 0.75rem;
  }
  
  .audio-player audio {
    height: 50px; /* Larger touch target for mobile */
  }
}

/* Touch device optimizations */
@media (hover: none) {
  .audio-player {
    padding: 1rem;
  }
  
  audio::-webkit-media-controls-panel {
    height: 60px;
  }
}
