/* Responsive styles for mobile devices */

@media (max-width: 700px) {
  .prestoplay-custom-controls.modern {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 8px 4px;
  }
  
  .pp-timeline-container {
    margin: 6px 0;
  }
  
  .pp-title-overlay {
    font-size: 16px;
    padding: 12px 16px;
  }
  
  .pp-share-button {
    padding: 6px 10px !important;
    font-size: 13px !important;
  }

  .pp-share-button svg {
    width: 18px !important;
    height: 18px !important;
  }
}