/**
 * Video Player Styles
 * Localização: assets/css/video-player.css
 */

/* Player Container */
.plyr--video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

/* Controls */
.plyr__control {
    background: transparent !important;
}

.plyr__control:hover {
    background: #FB3533 !important;
}

.plyr__control--overlaid {
    background: #FB3533 !important;
}

/* Volume */
.plyr__volume {
    display: flex;
    align-items: center;
}

/* Progress & Volume Colors */
.plyr__progress input[type=range],
.plyr__volume input[type=range] {
    color: #FB3533;
}

/* Controls Layout */
.plyr__controls .plyr__controls__item:first-child {
    margin-left: 2px;
    margin-right: auto;
}

/* Progress Bar Position - Mobile First */
.plyr__progress__container {
    position: absolute;
    top: 3px;
    left: 8px;
    width: calc(100% - 24px);
}

/* Media Queries */
@media (max-width: 480px) {
    .plyr__volume input[type=range] {
        display: none;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .plyr__progress__container {
        top: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .plyr__progress__container {
        top: 14px;
    }
}

@media (min-width: 1024px) {
    .plyr__progress__container {
        top: 16px;
    }
}

/* Responsive Player Container */
.responsive-player {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 */
    background: #000;
    border-radius: 6px;
    overflow: hidden;
}

.responsive-player video,
.responsive-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}