/* AniWave Video Player CSS - Simplified & Accessible */

/* Import Space Grotesk font */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

/* Base ArtPlayer styling */
.art-video-player {
    --art-theme: #7DF3FF !important;
    --art-subtitle-color: #ffffff !important;
    --art-subtitle-background: rgba(0, 0, 0, 0.5) !important;
    --art-subtitle-font-size: 18px !important;
    background-color: #1B1C1F !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    font-family: 'Space Grotesk', sans-serif !important;
}


/* Scale up for 4K screens */
@media (min-width: 2560px) {
    .art-subtitle {
        transform: scale(1.8) !important;
    }
}

/* Scale up for larger screens */
@media (min-width: 1920px) and (max-width: 2559px) {
    .art-subtitle {
        transform: scale(1.2) !important;
    }
}

/* Normal size for 1080p (no scaling needed) */
@media (min-width: 1280px) and (max-width: 1919px) {
    .art-subtitle {
        transform: scale(1) !important;
    }
}

/* Scale down for mobile */
/*@media (max-width: 768px) {*/
/*    .art-subtitle {*/
/*        transform: scale(0.8) !important;*/
/*    }*/
/*}*/