/* Video Modal Styles */
.video-modal-open {
    overflow: hidden;
  }
  
  #videoModal {
    transition: opacity 0.3s ease;
  }
  
  #videoModal.hidden {
    opacity: 0;
    pointer-events: none;
  }
  
  #videoModal:not(.hidden) {
    opacity: 1;
    pointer-events: auto;
  }
  
  #closeModal {
    transition: transform 0.2s ease;
    font-size: 24px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.9);
  }
  
  #closeModal:hover {
    transform: scale(1.1);
    background-color: white;
  }
  
  /* Fix for maintaining 16:9 aspect ratio */
  .aspect-w-16.aspect-h-9 {
    position: relative;
    padding-bottom: 56.25%; /* 9/16 = 0.5625 */
    height: 0;
  }
  
  .aspect-w-16.aspect-h-9 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }