/*
Theme Name: Kursy Psychologia Liczb
Theme URI: https://websteria.pl
Author: Łukasz Wilk
Author URI: https://websteria.pl/team/lukasz-wilk
Description: Another WordPress theme for Psychologia Liczb
Tags: Psychologia Liczb
Version: 1.4
Text Domain: kursypsychologia
*/

.page-numbers {
    list-style-type: none;
}

/* Kontener dla naszego widgetu */
.rating-stars-widget {
    margin-bottom: 20px;
}

/* Kontener samych gwiazdek */
.rating-stars {
    display: inline-block;
    /* Odwracamy kolejność, aby uzyskać efekt hover od lewej do prawej */
    direction: rtl; 
}

/* Ukrywamy domyślne pola radio button */
.rating-stars input[type="radio"] {
    display: none;
}

/* Styl dla gwiazdek (etykiet) */
.rating-stars label {
    color: #ccc; /* Domyślny, "pusty" kolor gwiazdki */
    font-size: 24px; /* Rozmiar gwiazdek */
    cursor: pointer;
    transition: color 0.2s; /* Płynna zmiana koloru */
}

/* Efekt po najechaniu myszką na gwiazdkę ORAZ na wszystkie gwiazdki "przed" nią */
.rating-stars label:hover,
.rating-stars label:hover ~ label {
    color: #f7d42c; /* Kolor "aktywny" po najechaniu */
}

/* Efekt dla ZAZNACZONEJ gwiazdki i wszystkich "przed" nią */
.rating-stars input[type="radio"]:checked ~ label {
    color: #f7942c; /* Kolor "zaznaczony" - ciemniejszy dla odróżnienia */
}


.tutor-quiz-single-entry-wrap {
    background-color: #eff1f6;
}
/* Kontener dla wideo i przycisku */
body {
    /* Wyłącza wszystkie animacje i transformacje dla tego elementu */
    animation: none !important;
    transform: none !important;
    opacity: 1 !important; /* Na wszelki wypadek, gdyby animacja ukrywała element */
}

section{
    border-radius: 40px;
}

.video-container {
    position: relative;
    cursor: pointer;
}

/* Ukrywa domyślne kontrolki wideo, dopóki nie zacznie grać */
.hosted-video {
    border-radius:20px;
    width: 100%;
    height: auto;
    display: block;
}

/* Styl dla przycisku play */
.hosted-video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background: #fff; /* Dopasuj kolorystykę do swojej strony */
    color: #0056d2; /* Dopasuj kolorystykę do swojej strony */
    border: none;
    border-radius: 50%;
    width: 80px; /* Rozmiar przycisku */
    height: 80px;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.hosted-video-play-btn:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

/* Klasa dodawana, gdy wideo gra - ukrywa przycisk */
.video-is-playing .hosted-video-play-btn {
    opacity: 0;
    visibility: hidden;
}




.tutor-course-single-sidebar-wrapper {
    border: none;
}

.lesson-afer-video{
    background-color: #EFF1F6;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
    background-color: #744e30;
}

.tutor-iconic-btn-secondary{
    color: #744e30;
}
.tutor-iconic-btn-secondary:hover{
    background-color: #744e30;
}
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active{
    color: #744e30;
}
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-title {
    color: #744e30;
}
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-icon {
    color: #744e30;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active:after {
    color: #744e30;
}
.tutor-progress-value {
    background: #744e30;
}