.custom-player {
position: relative;
max-width: 100%;
margin: auto;
}

video#custom-video {
    border-radius: 10px;
}

.custom-player.fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 99999;
background: #000;
}

.custom-player video {
width: 100%;
height: 100%;
}

.controls {
position: absolute;
bottom: 6px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 5px 20px;
transition: all .3s ease-in-out;
opacity: 0;
pointer-events: none;
border-radius: 0 0 9px 9px;

}
.custom-player:hover .controls,
.controls.show {
opacity: 1;
pointer-events: auto;
}
.progress-container {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
}
.progress-bar-container {
position: relative;
flex-grow: 1;
height: 5px;
background: #ccc;
}
.progress-bar {
height: 100%;
width: 0;
}
.controls button {
background: none;
border: none;
cursor: pointer;
}

.controls button:focus{
    background: none !important;
}

.controls button:hover{
    background: none !important;
}

.controls button svg {

width: 20px;
height: 20px;
}
.time-display {
font-size: 14px;
}

.draccu-barra-progresso-geral {
    font-family: Arial, sans-serif;
}
.draccu-barra-progresso-geral h3 {
    text-align: center;
    margin-bottom: 10px;
}

/* SHORTCODE PÁGINA DO CURSO */

.section-aula-draccu-course{
    display: flex;
    gap: 30px;
}

.section-aula-draccu-course .aula-info .modulo-info p{
    font-size: .8em;
    font-weight: 400;
    margin-bottom: -5px;
}

.section-aula-draccu-course .aula-info .modulo-info h3{
    font-size: 1.3em;
    font-weight: 500;
}

.section-aula-draccu-course .aula-info .modulo-info h4{
    font-size: 1em;
    font-weight: 400;
    margin-top: -5px;
    padding-bottom: 10px;
    line-height: 1.5em;
}

.section-aula-draccu-course .aula-info .content-aula-section-draccu .title-materials-draccu-aula{
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 15px;
}

.section-aula-draccu-course .aula-info .content-aula-section-draccu .title-materials-draccu-aula h3{
    font-size: 1.3em;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 10px;
}

.section-aula-draccu-course .aula-info .content-aula-section-draccu .title-materials-draccu-aula a{
    padding: 7px 20px;
    border-radius: 7px;
    font-size: .95em;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 7px;
}

.section-aula-draccu-course .aula-info .content-aula-section-draccu .title-materials-draccu-aula a:hover{
    opacity: .8;
}

.section-aula-draccu-course .aula-info .content-aula-section-draccu .instructor-aula-draccu{
    margin-top: -20px;
    font-size: .9em;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 7px;
}

.section-aula-draccu-course .aula-info .content-aula-section-draccu .description-aula-draccu{
    font-size: 1em;
    font-weight: 400;

}

.section-aula-draccu-course .modulos-container {
    width: 650px;
    height: 100%;
    max-height: 755px;
    border-radius: 7px;
    padding: 15px;
    overflow: auto;
    scrollbar-width: none;
}

.section-aula-draccu-course .modulos-container::-webkit-scrollbar {
    display: none; 
}


.section-aula-draccu-course .modulos-container .header-aulas-playlist-draccu{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-aula-draccu-course .modulos-container .header-aulas-playlist-draccu h3{
    font-size: 1.1em;
    font-weight: 500;
    margin-top: -10px;

}

.section-aula-draccu-course .modulos-container .modulo .header-modulo-playlist-draccu {
    border-radius: 7px;
    padding: 10px 10px 0 10px;
}

.section-aula-draccu-course .modulos-container .modulo .header-modulo-playlist-draccu p{
    font-size: .8em;
    font-weight: 400;
}

.section-aula-draccu-course .modulos-container .modulo .header-modulo-playlist-draccu div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-aula-draccu-course .modulos-container .modulo .header-modulo-playlist-draccu div h3{
    font-size: 1em;
    font-weight: 500;
    margin-top: -15px;
}

.section-aula-draccu-course .modulos-container .modulo .header-modulo-playlist-draccu div p{
    font-size: .9em;
    font-weight: 400;
    margin-top: -15px;
}

.section-aula-draccu-course .modulos-container .modulo .aulas{
    padding: 15px 0 15px 0;
    cursor: pointer;
}

.title-aula-draccu-course-pro{
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}

.title-aula-draccu-course-pro:hover{
    background-color: rgb(61, 61, 61);
}

.section-aula-draccu-course .modulos-container .modulo .aulas .title-aula-check-draccu{
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.section-aula-draccu-course .modulos-container .modulo .aulas .title-aula-check-draccu div{
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-aula-draccu-course .modulos-container .modulo .aulas .title-aula-check-draccu div label{
    margin-top: -14px;
    font-size: .95em;
    font-weight: 400;
}

.section-aula-draccu-course .modulos-container .modulo .aulas .title-aula-check-draccu div p{
    font-size: .9em;
    font-weight: 400;
}

.section-aula-draccu-course .modulos-container .modulo .aulas .duracao-aula-draccu{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: .9em;
    margin-top: -10px;
    margin-bottom: 0;
}

.aula-checkbox {
    appearance: none; 
    width: 20px;
    height: 20px;
    cursor: pointer; 
    border: 2px solid #009E41;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
    position: relative;
}

.aula-checkbox:checked {
    background-color: #009E41;
    border-color: #009E41;
}

.aula-checkbox:checked::after {
    content: '✓'; 
    font-size: 14px;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.progress-bar-general-draccu-course{
    display: flex;
    align-items: center;
    gap: 10px;
}

.progress-bar-general-draccu-course p{
    font-size: .9em;
    font-weight: 500;
    margin-bottom: 10px;
}

.hover-link {
    position: relative;
    text-decoration: none;
    color: black;
    transition: filter 0.3s ease;
}

.hover-link:hover {
    filter: brightness(1.2);
}

.svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.hover-link:hover .svg-icon {
    display: inline-block;
}

.btns-slide-my-courses{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
    padding-bottom: 15px;

}

.btn-slide-my-course-draccu-prev, .btn-slide-my-course-draccu-next{
    border: none;
    border-radius: 50%;
    font-size: 0;
    padding: 5px;

}

.btns-slide-all-courses-wrapper{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
    padding-bottom: 15px;

}

.btn-slide-all-course-draccu-prev, .btn-slide-all-course-draccu-next{
    border: none;
    border-radius: 50%;
    font-size: 0;
    padding: 5px;

}

.btns-last-completed-draccu{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
    padding-bottom: 15px;
}

.btn-slide-last-aula-draccu-prev, .btn-slide-last-aula-draccu-next{
    border: none;
    border-radius: 50%;
    font-size: 0;
    padding: 5px;
}

.container-course-blocked-draccu {
    width: 100%;
    max-width: 800px;
    text-align: center;
    margin: auto;
    height: 90vh;
    padding: 0 20px;
    
}

.container-course-blocked-draccu svg{
    margin-top: 100px;
}

.container-course-blocked-draccu h4{
    font-size: 1.1em;
    font-weight: 400;
    padding: 15px 0;
    line-height: 1.4em;
}

.products-relation-draccu-course{
    display: flex;
    gap: 15px;
    justify-content: center;
}

.products-relation-draccu-course div{
    border-radius: 7px;
    padding: 20px 20px 0 20px;
    width: 100%;
    max-width: 100%;
    text-align: start;
    box-shadow: 0 4px 3px rgba(0, 0, 0, .08);
    margin-top: 10px;
}

.products-relation-draccu-course div h3{
    font-size: 1.2em;
    font-weight: 500;
    margin: 0;
}

.products-relation-draccu-course div h4{
    font-size: 1.1em;
    font-weight: 400;
    margin: 0;
    padding: 20px 0;
}

.products-relation-draccu-course div p{
    font-size: 1em;
    font-weight: 400;

}

.products-relation-draccu-course div a{
    margin-bottom: -10px;
    width: 100%;
    border-radius: 15px;
    padding: 12px 0;
    font-weight: 500;
    font-size: 1em;
    box-shadow: 0 4px 3px rgba(0, 0, 0, .08);

}

.woocommerce-cart .wc-block-components-quantity-selector {
    display: none !important;
}

.quantity{
    display: none;
}

@media only screen and (max-width: 1024px) {
    .controls {
        justify-content: flex-start;
        gap: 20px;
        padding: 5px 20px;
        transition: all .3s ease-in-out;
        opacity: 1;
        pointer-events: none;
        bottom: 0;
    }

    .controls .play-pause-btn,
    .controls .rewind-btn,
    .controls .fast-forward-btn,
    .controls .volume-btn,
    .controls .fullscreen-btn {
        padding: 0;
    }

    .section-aula-draccu-course {
        display: block;
    }

    .section-aula-draccu-course .modulos-container {
        width: 100%;
        height: 100%;
        max-height: 500px;
        border-radius: 7px;
        padding: 15px;
        overflow: auto;
        scrollbar-width: none;
    }

    .section-aula-draccu-course .modulos-container::-webkit-scrollbar {
        display: none;
    }

    .section-aula-draccu-course .aula-info .content-aula-section-draccu .title-materials-draccu-aula h3 {
        font-size: 1.2em;
    }

    .products-relation-draccu-course {
        display: block;
    }

    .products-relation-draccu-course div a {
        margin-bottom: -10px;
    }
}