.elementor-kit-534{--e-global-color-primary:#464545;--e-global-color-secondary:#F5F5F5;--e-global-color-text:#757575;--e-global-color-accent:#DF5212;--e-global-color-ee58a60:#EFC3C7;--e-global-color-0396517:#303665;--e-global-color-ef9404d:#EFB32B;--e-global-color-582affb:#C59C4E;--e-global-color-5a0fcdd:#4C93D0;--e-global-color-bca9f8a:#FFFFFF;--e-global-typography-primary-font-family:"Lato";--e-global-typography-primary-font-size:20px;--e-global-typography-secondary-font-family:"Abril Fatface";--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:20px;--e-global-typography-accent-font-family:"Abril Fatface";--e-global-typography-04ebf24-font-family:"Inter";--e-global-typography-04ebf24-font-size:1.125rem;--e-global-typography-0d8ff82-font-family:"Lato";--e-global-typography-0d8ff82-font-size:1.125px;--e-global-typography-0d8ff82-font-weight:500;--e-global-typography-8589329-font-family:"Lato";--e-global-typography-8589329-font-size:1.25rem;--e-global-typography-8589329-line-height:1.75rem;--e-global-typography-b98639d-font-family:"Abril Fatface";--e-global-typography-b98639d-font-size:4.5rem;--e-global-typography-b98639d-font-weight:normal;--e-global-typography-f7d8bd6-font-family:"Lato";--e-global-typography-f7d8bd6-font-size:4px;--e-global-typography-a0132a0-font-family:"Lato";--e-global-typography-a0132a0-font-size:2rem;--e-global-typography-1533508-font-family:"Lato";--e-global-typography-1533508-font-size:1.75px;--e-global-typography-d6fb1cc-font-size:1.5rem;--e-global-typography-ed264df-font-size:1rem;--e-global-typography-c1783a0-font-size:1.25rem;--e-global-typography-0e8ffd6-font-family:"Abril Fatface";--e-global-typography-0e8ffd6-font-size:4.5rem;--e-global-typography-038ba9f-font-family:"Abril Fatface";--e-global-typography-038ba9f-font-size:2.25rem;--e-global-typography-decf385-font-family:"Lato";--e-global-typography-decf385-font-size:1.25rem;--e-global-typography-decf385-font-weight:900;--e-global-typography-6a5c923-font-family:"Lato";--e-global-typography-6a5c923-font-size:2rem;--e-global-typography-6a5c923-line-height:1.2em;--e-global-typography-e0d434c-font-family:"Lato";--e-global-typography-e0d434c-font-size:1.25rem;--e-global-typography-e0d434c-font-style:italic;--e-global-typography-e0d434c-line-height:1.75rem;background-color:var( --e-global-color-bca9f8a );font-family:var( --e-global-typography-8589329-font-family ), Sans-serif;font-size:var( --e-global-typography-8589329-font-size );line-height:var( --e-global-typography-8589329-line-height );}.elementor-kit-534 button,.elementor-kit-534 input[type="button"],.elementor-kit-534 input[type="submit"],.elementor-kit-534 .elementor-button{background-color:var( --e-global-color-0396517 );color:var( --e-global-color-bca9f8a );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-0396517 );border-radius:1.875rem 1.875rem 1.875rem 1.875rem;padding:0.9375rem 2.5rem 0.9375rem 2.5rem;}.elementor-kit-534 button:hover,.elementor-kit-534 button:focus,.elementor-kit-534 input[type="button"]:hover,.elementor-kit-534 input[type="button"]:focus,.elementor-kit-534 input[type="submit"]:hover,.elementor-kit-534 input[type="submit"]:focus,.elementor-kit-534 .elementor-button:hover,.elementor-kit-534 .elementor-button:focus{background-color:var( --e-global-color-bca9f8a );color:var( --e-global-color-0396517 );}.elementor-kit-534 a{color:var( --e-global-color-accent );}.elementor-kit-534 a:hover{color:var( --e-global-color-0396517 );}.elementor-kit-534 h1{font-family:"Lato", Sans-serif;font-size:4.5rem;}.elementor-kit-534 h2{font-family:var( --e-global-typography-a0132a0-font-family ), Sans-serif;font-size:var( --e-global-typography-a0132a0-font-size );}.elementor-kit-534 h4{font-size:var( --e-global-typography-d6fb1cc-font-size );}.elementor-kit-534 h5{font-size:var( --e-global-typography-c1783a0-font-size );}.elementor-kit-534 h6{font-size:var( --e-global-typography-ed264df-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-534{--e-global-typography-6a5c923-font-size:1.5rem;--e-global-typography-6a5c923-line-height:1.1em;font-size:var( --e-global-typography-8589329-font-size );line-height:var( --e-global-typography-8589329-line-height );}.elementor-kit-534 h2{font-size:var( --e-global-typography-a0132a0-font-size );}.elementor-kit-534 h4{font-size:var( --e-global-typography-d6fb1cc-font-size );}.elementor-kit-534 h5{font-size:var( --e-global-typography-c1783a0-font-size );}.elementor-kit-534 h6{font-size:var( --e-global-typography-ed264df-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-534{--e-global-typography-b98639d-font-size:3rem;--e-global-typography-b98639d-line-height:1.1em;--e-global-typography-a0132a0-font-size:1.75rem;--e-global-typography-0e8ffd6-font-size:2.5rem;--e-global-typography-038ba9f-font-size:1.5rem;--e-global-typography-6a5c923-font-size:1.35rem;--e-global-typography-6a5c923-line-height:1em;--e-global-typography-e0d434c-font-size:1.35rem;--e-global-typography-e0d434c-line-height:1.3rem;--e-global-typography-e0d434c-letter-spacing:0px;font-size:var( --e-global-typography-8589329-font-size );line-height:var( --e-global-typography-8589329-line-height );}.elementor-kit-534 h2{font-size:var( --e-global-typography-a0132a0-font-size );}.elementor-kit-534 h4{font-size:var( --e-global-typography-d6fb1cc-font-size );}.elementor-kit-534 h5{font-size:var( --e-global-typography-c1783a0-font-size );}.elementor-kit-534 h6{font-size:var( --e-global-typography-ed264df-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root { --anchor-offset: 120px; } /* set to your sticky header height */

html{  scroll-padding-top: var(--anchor-offset);
}

/* 1) Ukryj przyciski w wierszu Działania */
.woocommerce-order-details th.order-actions--heading + td a.woocommerce-button,
.woocommerce-order-details th.order-actions--heading + td a.order-actions-button {
  display: none !important;
}

/* 2) Wstaw komunikat w to miejsce */
.woocommerce-order-details th.order-actions--heading + td::before {
  content: "Płatność BLIK może potwierdzać się do kilku minut. Nie klikaj ponownie „Zapłać”. Poczekaj lub odśwież stronę za chwilę / sprawdź e-mail.";
  display: block;
  padding: 10px 12px;
  border: 1px solid #e5e5e5;
  background: #fff;
}

/* (opcjonalnie) ukryj nagłówek „Działania:” żeby wyglądało czyściej */
.woocommerce-order-details th.order-actions--heading {
  display: none;
}

.voucher-image-options {display: none !important;}

#woo_ml_subscribe {
    width: 27px;
    height: 27px;
    border-radius: 5px;
    min-width: 20px;
}


@media (max-width: 768px) {
 #woo_ml_subscribe {
    width: 27px!important;
    height: 27px!important;
    
}   
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
    height: 14px;
    min-width: 14px;
}

#contact > div.woo-ml-subscribe-wrapper {
    margin-bottom: 20px;
}

.elementor-menu-anchor{
  scroll-margin-top: var(--anchor-offset);
}


#contact > div.woo-ml-subscribe-wrapper > label > span {
    font-size: 14px !important;
}

.alignwide {
    margin-inline:0px !important;}

/* Wrapper pól */
#newsletter_0 .elementor-form-fields-wrapper{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

/* Email wypełnia wiersz */
#newsletter_0 .elementor-field-group-email{
  flex: 1 1 auto;
  min-width: 220px;
  margin: 0;
  position: relative;
  z-index: 1;
}

#newsletter_0 .elementor-field-group-email input{
  width: 100%;
  padding-right: 3.6em; /* zapas pod nachodzący przycisk (dostosuj) */
}

/* Button obok + nachodzenie */
#newsletter_0 .e-form__buttons{
  flex: 0 0 auto;
  margin-left: -90px; /* kontrola nachodzenia */
  position: relative;
  z-index: 2;
}

/* Styl dokładnie tego przycisku */
#newsletter_0 #but-zap{
  height: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Checkbox zgody pod spodem */
#newsletter_0 .elementor-field-type-acceptance{
  flex: 0 0 100%;
  width: 100%;
  order: 10;
  margin-top: 10px;
}

/* reCAPTCHA też pod spodem, żeby nie wchodziła w wiersz */
#newsletter_0 .elementor-field-type-recaptcha_v3{
  flex: 0 0 100%;
  width: 100%;
  order: 20;
}

/* Mobile: rozbij na 2 linie i wyłącz nachodzenie */
@media (max-width: 767px){
  #newsletter_0 .elementor-form-fields-wrapper{
    gap: 10px;
  }
  
  #newsletter_0 input {
      
    border-radius: 30px !important;
  }
  
  #newsletter_0 .e-form__buttons{
  flex: 0 0 auto;
  margin-left: 0px;} 

  #newsletter_0 .elementor-field-group-email,
  #newsletter_0 .e-form__buttons{
    flex: 0 0 100%;
    width: 100% ;
    margin-left: 0;
  }

  #newsletter_0 .elementor-field-group-email input{
    padding-right: 1em;
  }

  #newsletter_0 #but-zap{
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    width: 100%;
  }
}



.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
    display: none!important;
}

/* --- MAPOWANIE ZMIENNYCH GLOBALNYCH --- */

/* v1: Fioletowy (--e-global-color-0396517) */
.button_v1 .elementor-button {
    background-color: var(--e-global-color-0396517) !important;
    border-color: var(--e-global-color-0396517) !important;
    color: var(--e-global-color-secondary) !important; /* Biały */
}
.button_v1 .elementor-button:hover {
    background-color: var(--e-global-color-secondary) !important; /* Tło białe */
    color: var(--e-global-color-0396517) !important; /* Tekst fioletowy */
}

/* v2: Niebieski (--e-global-color-5a0fcdd) */
.button_v2 .elementor-button {
    background-color: var(--e-global-color-5a0fcdd) !important;
    border-color: var(--e-global-color-5a0fcdd) !important;
    color: var(--e-global-color-secondary) !important;
}
.button_v2 .elementor-button:hover {
    background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-5a0fcdd) !important;
}

/* v3: Pomarańczowy/Accent (--e-global-color-accent) */
.button_v3 .elementor-button {
    background-color: var(--e-global-color-accent) !important;
    border-color: var(--e-global-color-accent) !important;
    color: var(--e-global-color-secondary) !important;
}
.button_v3 .elementor-button:hover {
    background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-accent) !important;
}

/* v4: Złoty/Musztardowy (--e-global-color-582affb) */
.button_v4 .elementor-button {
    background-color: var(--e-global-color-582affb) !important;
    border-color: var(--e-global-color-582affb) !important;
    color: var(--e-global-color-secondary) !important;
}
.button_v4 .elementor-button:hover {
    background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-582affb) !important;
}

/* v5: Żółty (--e-global-color-ef9404d) */
.button_v5 .elementor-button {
    background-color: var(--e-global-color-ef9404d) !important;
    border-color: var(--e-global-color-ef9404d) !important;
    color: var(--e-global-color-secondary) !important;
}
.button_v5 .elementor-button:hover {
    background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-ef9404d) !important;
}

/* v6: Różowy (--e-global-color-ee58a60) */
.button_v6 .elementor-button {
    background-color: var(--e-global-color-ee58a60) !important;
    border-color: var(--e-global-color-ee58a60) !important;
    color: var(--e-global-color-secondary) !important;
}
.button_v6 .elementor-button:hover {
    background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-ee58a60) !important;
}

/* Naprawa dziwnego odstępu pustych kontenerów TYLKO w edytorze */
.elementor-editor-active .e-con.e-empty {
    height: auto !important;
    min-height: 50px !important; /* Mała wysokość, żebyś mógł go wciąż kliknąć */
    flex-grow: 0 !important; /* Zapobiega rozpychaniu się flexboxa */
}

/* Opcjonalnie: naprawa dla wewnętrznego wrappera, który widzę w Twoim kodzie */
.elementor-editor-active .e-con > .e-con-inner {
    height: auto !important; 
}

html {
  scroll-padding-top: 50px; /* wysokość sticky header + margines */
}

/* --- Stylizacja i układ 50/50 dla Tytułu i Przycisku w kaflach wpisów --- */

/* 1. Ustawienie głównego kontenera tekstu (elementor-post__text) na Flexbox w kolumnie */
.elementor-post__text {
    display: flex;
    flex-direction: column; 
    /* Upewnienie się, że elementy są ułożone pod sobą */
    
    /* Musimy wydobyć Tytuł i Przycisk z normalnego obiegu, by móc je ustawić
       w jednym wierszu na górze, zachowując przy tym Excerpt na dole.
       Najłatwiej to zrobić, traktując Tytuł i Przycisk jako rodzeństwo.
       Ponieważ Przycisk jest trzeci, użyjemy Flexboxa, aby go przesunąć. */
}

/* 2. Ustawienie wspólnego kontenera dla tytułu i przycisku (nie istnieje w HTML,
      więc użyjemy .elementor-post__text jako Flexboxa w kolumnie, a następnie
      ustawimy ich kolejność i zachowanie.
      Lepszym rozwiązaniem jest pozycjonowanie absolutne, ale jeśli 
      chcesz 50/50, musimy je zgrupować w myśli. */

/* PRZEJŚCIE DO ABSOLUTNEGO GRUPOWANIA */

/* 2a. Ustawienie kontenera tekstu jako punktu odniesienia */
.elementor-posts-container .elementor-post__text {
    position: relative;
    /* Dodaj padding, by zrobić miejsce na przycisk u góry,
       jeśli jego oryginalna pozycja była niżej. */
    padding-top: 50px; 
}

.elementor-post__title {
    position: absolute;
    top: 0.5rem; /* Zwiększamy wartość top, aby uniknąć kolizji z paddingiem */
    left: 0px;
    width: 70%; 
    z-index: 10;
    
}

/* 2c. Pozycjonowanie PRZYCISKU (prawa 50%) */
.elementor-post__read-more {
    /* Właściwości Flexboxa nadpisują się, więc powtarzamy wygląd */
    font-size: 1rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    text-align: center !important;
    width: 150px !important;
    /* Kolorystyka i kształt ramki */
    color: var(--e-global-color-primary) !important;
    background-color: transparent !important;
    border: 2px solid var(--e-global-color-primary) !important;
    border-radius: 3rem !important; 
    padding: 1rem !important; 
    
    /* Pozycjonowanie Absolutne */
    position: absolute;
    top: 0; /* Wyrównanie z tytułem */
    right: 0;
    /* Przycisk musi być wyśrodkowany w swojej połowie wiersza: */
    width: calc(50% - 30px); /* Prawa połowa minus paddingi boczne */
    text-align: right; /* Wyrównanie tekstu wewnątrz przycisku */
    z-index: 10;
}

/* 2d. Dodatkowy wrapper, aby wycentrować tekst PRZECZYTAJ w swojej połowie */
.elementor-post__read-more .elementor-button-text {
    /* Jeśli przycisk ma wrapper wewnątrz (co często ma), upewnij się, że
       zawartość jest wycentrowana lub wyrównana do prawej, aby był
       w drugiej połowie wiersza. */
    display: inline-block;
    float: right; /* Wyrównanie do prawej w zakresie przycisku */
}

/* 3. Efekt HOVER */
.elementor-post__read-more:hover {
    background-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-secondary) !important; 
}

/* 4. Dostosowanie Excerpt (zajawki) */
/* Ponieważ Tytuł i Przycisk są teraz absolutne, zajawka przesunie się do góry,
   więc musimy jej dać trochę miejsca. */
.elementor-post__excerpt {
    /* Upewnij się, że zaczyna się pod tytułem/przyciskiem, ale w zakresie paddingu */
    margin-top: 1rem; 
}

/* --- Stylizacja Przycisków Blokowych (Gutenberg: .wp-block-button) --- */

.wp-block-button .wp-block-button__link {
    /* 1. Kształt i Typografia */
    font-family: "Poppins", Sans-serif !important;
    font-size: 16px !important; 
    font-weight: 500 !important;
    text-transform: uppercase !important;
    line-height: 1em !important;
    text-decoration: none !important; /* Usuwa domyślne podkreślenia linków */
    
    /* 2. Styl ramki i padding */
    border-style: solid !important;
    border-width: 2px !important;
    border-color: var(--e-global-color-accent) !important; /* Ramka w kolorze Akcentu */
    border-radius: 100px !important; /* Pełne zaokrąglenie (pigułka) */
    padding: 12px 36px !important;
    
    /* 3. Kolory (Normal State: Solidne Wypełnienie) */
    background-color: var(--e-global-color-accent) !important;
    color: var(--e-global-color-secondary) !important; /* Biały tekst */
    
    /* 4. Dodatkowe ustawienia dla spójności */
    transition: all 0.3s ease-in-out !important;
    display: inline-block; /* Aby padding i szerokość działały poprawnie */
}

/* --- Efekt HOVER (Wypełnienie -> Ramka, Białe tło) --- */
.wp-block-button .wp-block-button__link:hover {
    background-color: var(--e-global-color-secondary) !important; /* Tło staje się białe */
    color: var(--e-global-color-accent) !important; /* Tekst staje się kolorem Akcentu */
}

/* ========================================
   TUTOR LMS - Stylizacja zgodna z layoutem
   ======================================== */

/* 1. Margines dolny dla kontenera opisu kursu */
.tutor-row.tutor-gx-xl-5 {
    margin-bottom: 50px !important;
}

/* 2. Przyciski Tutor LMS - WARIANT 1 (Fioletowy - Domyślny) */
.tutor-btn-primary,
.tutor-add-to-cart-button,
button.tutor-btn.tutor-btn-primary {
    /* Typografia */
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    line-height: 1em !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    
    /* Kształt i ramka */
    border-style: solid !important;
    border-width: 2px !important;
    border-radius: 100px !important; /* Zaokrąglone (pigułka) */
    padding: 12px 36px !important;
    
    /* Kolory - Normal State (Solidne wypełnienie) */
    background-color: var(--e-global-color-0396517) !important; /* Fioletowy */
    border-color: var(--e-global-color-0396517) !important;
    color: var(--e-global-color-secondary) !important; /* Biały tekst */
    
    /* Animacja i cień */
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    cursor: pointer !important;
}

/* Hover - Odwrócenie (Białe tło, Fioletowy tekst) */
.tutor-btn-primary:hover,
.tutor-add-to-cart-button:hover,
button.tutor-btn.tutor-btn-primary:hover {
    background-color: var(--e-global-color-secondary) !important; /* Białe tło */
    color: var(--e-global-color-0396517) !important; /* Fioletowy tekst */
    border-color: var(--e-global-color-0396517) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-2px) !important;
}

/* 3. Ikony w przyciskach - odstęp */
.tutor-btn .btn-icon {
    margin-right: 8px !important;
}

/* 4. Przycisk "Enroll Now" / "Zapisz się teraz" - WARIANT 6 (Różowy) */
.tutor-btn.tutor-btn-enroll,
.tutor-enroll-course-button,
button[name="tutor_course_enroll_now"] {
    /* Typografia */
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    line-height: 1em !important;
    
    /* Kształt */
    border-style: solid !important;
    border-width: 2px !important;
    border-radius: 100px !important;
    padding: 12px 40px !important;
    
    /* Kolory - Różowy (Wariant 6) */
    background-color: var(--e-global-color-ee58a60) !important; /* Różowy */
    border-color: var(--e-global-color-ee58a60) !important;
    color: var(--e-global-color-secondary) !important; /* Biały tekst */
    
    /* Animacja */
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

.tutor-btn.tutor-btn-enroll:hover,
.tutor-enroll-course-button:hover {
    background-color: var(--e-global-color-secondary) !important; /* Białe tło */
    color: var(--e-global-color-ee58a60) !important; /* Różowy tekst */
    border-color: var(--e-global-color-ee58a60) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-2px) !important;
}

/* 5. Przyciski drugorzędne (outline) - styl ramkowy */
.tutor-btn-outline-primary,
button.tutor-btn.tutor-btn-outline-primary {
    /* Typografia */
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    
    /* Kształt */
    border-style: solid !important;
    border-width: 2px !important;
    border-radius: 100px !important;
    padding: 10px 30px !important;
    
    /* Kolory - Przezroczyste tło, Fioletowa ramka */
    background-color: transparent !important;
    border-color: var(--e-global-color-0396517) !important;
    color: var(--e-global-color-0396517) !important; /* Fioletowy tekst */
    
    /* Animacja */
    transition: all 0.3s ease-in-out !important;
}

.tutor-btn-outline-primary:hover {
    background-color: var(--e-global-color-0396517) !important; /* Fioletowe tło */
    color: var(--e-global-color-secondary) !important; /* Biały tekst */
}

/* ========================================
   WooCommerce - Przycisk "Przejdź do płatności" w koszyku
   ======================================== */

/* Przycisk Proceed to Checkout - Wariant Fioletowy (spójny z resztą) */
.wc-block-cart__submit-button,
.wc-block-components-button.wp-element-button,
a.wc-block-cart__submit-button {
    /* Typografia */
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    line-height: 1em !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    
    /* Kształt i ramka */
    border-style: solid !important;
    border-width: 2px !important;
    border-radius: 100px !important; /* Zaokrąglone (pigułka) */
    padding: 12px 36px !important;
    
    /* Kolory - Normal State (Solidne wypełnienie) */
    background-color: var(--e-global-color-0396517) !important; /* Fioletowy */
    border-color: var(--e-global-color-0396517) !important;
    color: var(--e-global-color-secondary) !important; /* Biały tekst */
    
    /* Animacja i cień */
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    cursor: pointer !important;
    
    /* Wyłączenie domyślnych stylów WooCommerce */
    background-image: none !important;
}

/* Hover - Odwrócenie (Białe tło, Fioletowy tekst) */
.wc-block-cart__submit-button:hover,
.wc-block-components-button.wp-element-button:hover,
a.wc-block-cart__submit-button:hover {
    background-color: var(--e-global-color-secondary) !important; /* Białe tło */
    color: var(--e-global-color-0396517) !important; /* Fioletowy tekst */
    border-color: var(--e-global-color-0396517) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-2px) !important;
}

/* Tekst wewnątrz przycisku */
.wc-block-components-button__text {
    font-size: inherit !important;
    font-weight: inherit !important;
}

/* Responsywność - mobile */
@media (max-width: 768px) {
    .wc-block-cart__submit-button,
    .wc-block-components-button.wp-element-button {
        padding: 10px 24px !important;
        font-size: 14px !important;
        width: 100% !important;
        display: block !important;
    }
}

/* ========================================
   WooCommerce - Przycisk "Dodaj do koszyka" (pojedynczy produkt)
   ======================================== */

/* Przycisk na stronie produktu */
.single_add_to_cart_button,
button.single_add_to_cart_button {
    /* Typografia */
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    line-height: 1em !important;
    letter-spacing: 0.5px !important;
    
    /* Kształt */
    border-style: solid !important;
    border-width: 2px !important;
    border-radius: 100px !important;
    padding: 12px 36px !important;
    
    /* Kolory - Fioletowy */
    background-color: var(--e-global-color-0396517) !important;
    border-color: var(--e-global-color-0396517) !important;
    color: var(--e-global-color-secondary) !important;
    
    /* Animacja */
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

.single_add_to_cart_button:hover {
    background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-0396517) !important;
    border-color: var(--e-global-color-0396517) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-2px) !important;
}

/* ========================================
   WooCommerce - Przycisk "Aktualizuj koszyk"
   ======================================== */

/* Przycisk aktualizacji koszyka - wersja outline (ramkowy) */
.wc-block-cart__submit-container button[name="update_cart"],
button.button[name="update_cart"] {
    /* Typografia */
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    
    /* Kształt */
    border-style: solid !important;
    border-width: 2px !important;
    border-radius: 100px !important;
    padding: 10px 30px !important;
    
    /* Kolory - Przezroczyste tło, Fioletowa ramka */
    background-color: transparent !important;
    border-color: var(--e-global-color-0396517) !important;
    color: var(--e-global-color-0396517) !important;
    
    /* Animacja */
    transition: all 0.3s ease-in-out !important;
}

button.button[name="update_cart"]:hover {
    background-color: var(--e-global-color-0396517) !important;
    color: var(--e-global-color-secondary) !important;
}


/* 6. Responsywność przycisków mobilnych */
@media (max-width: 768px) {
    .tutor-btn-primary,
    .tutor-add-to-cart-button,
    .tutor-btn.tutor-btn-enroll {
        padding: 10px 24px !important;
        font-size: 14px !important;
    }
    
    .tutor-btn.tutor-btn-block {
        width: 100% !important;
        display: block !important;
    }
}

/* 7. Odstępy dla przycisków "Dodaj do koszyka" */
.tutor-mt-24 {
    margin-top: 24px !important;
}

/* 8. Poprawki dla kontenera kursu */
.tutor-single-course-segment {
    padding: 30px 0 !important;
}

/* 9. Nagłówki w opisie kursu - spójność z resztą strony */
.tutor-course-details-title,
.tutor-segment-title {
    font-size: 2rem !important; /* Zmniejszony rozmiar (32px) */
    line-height: 1.3 !important; /* Zmniejszona wysokość linii */
    font-weight: 700 !important;
    color: var(--e-global-color-primary) !important;
    margin-bottom: 20px !important;
    margin-top: 12px !important;
}

/* 10. Karty materiałów kursu */
.tutor-course-content-list-item {
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.3s ease !important;
}

.tutor-course-content-list-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    border-color: #cbd5e0 !important;
}

/* 11. Treść opisu kursu - rozmiar czcionki i odstępy */
.tutor-course-details-content,
.tutor-course-description {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: var(--e-global-color-text) !important;
}

/* 12. Linki w opisie - kolor akcentu */
.tutor-course-details-content a,
.tutor-course-description a {
    color: var(--e-global-color-accent) !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.tutor-course-details-content a:hover,
.tutor-course-description a:hover {
    color: var(--e-global-color-0396517) !important; /* Fioletowy przy hover */
    text-decoration: underline !important;
}

/* 13. Responsywność nagłówków - mobile */
@media (max-width: 768px) {
    .tutor-course-details-title,
    .tutor-segment-title {
        font-size: 1.5rem !important; /* 24px na mobile */
        line-height: 1.2 !important;
    }
}


/* ========================================
   TUTOR LMS - Odtwarzacz Plyr - Spójne białe obramowania
   ======================================== */

/* 1. DUŻY PRZYCISK PLAY (środek) */
.plyr__control--overlaid {
    background-color: var(--e-global-color-0396517) !important;
    border: 3px solid #ffffff !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    
    transition: transform 0.2s ease !important;
}

.plyr__control--overlaid:hover {
    background-color: #ffffff !important;
    border-color: var(--e-global-color-0396517) !important;
    
}

.plyr__control--overlaid svg {
    fill: #ffffff !important;
    width: 36px !important;
    height: 36px !important;
}

.plyr__control--overlaid:hover svg {
    fill: var(--e-global-color-0396517) !important;
}

/* 2. TŁO KONTROLEK */
.plyr__controls {
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent) !important;
    padding: 15px !important;
}

/* 3. PRZYCISKI - resetowanie obramowań */
.plyr__controls button {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    padding: 8px !important;
}

.plyr__controls button:hover {
    background: var(--e-global-color-0396517) !important;
}

.plyr__controls button svg {
    fill: #ffffff !important;
    width: 20px !important;
    height: 20px !important;
}

/* 4. PASEK POSTĘPU - wymuszenie białych obramowań */
.plyr__progress {
    position: relative !important;
}

.plyr__progress input[type="range"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: transparent !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
}

/* Ścieżka (track) */
.plyr__progress input[type="range"]::-webkit-slider-runnable-track {
    width: 100% !important;
    height: 6px !important;
    background: rgba(255,255,255,0.3) !important;
    border-radius: 3px !important;
    border: none !important;
}

.plyr__progress input[type="range"]::-moz-range-track {
    width: 100% !important;
    height: 6px !important;
    background: rgba(255,255,255,0.3) !important;
    border-radius: 3px !important;
    border: none !important;
}

/* Suwak (thumb) - BIAŁA ramka */
.plyr__progress input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background: var(--e-global-color-0396517) !important;
    border: 3px solid #ffffff !important;
    cursor: pointer !important;
    margin-top: -5px !important;
}

.plyr__progress input[type="range"]::-moz-range-thumb {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background: var(--e-global-color-0396517) !important;
    border: 3px solid #ffffff !important;
    cursor: pointer !important;
}

/* 5. GŁOŚNOŚĆ - biała ramka suwaka */
.plyr__volume input[type="range"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: transparent !important;
    cursor: pointer !important;
}

.plyr__volume input[type="range"]::-webkit-slider-runnable-track {
    height: 4px !important;
    background: rgba(255,255,255,0.3) !important;
    border-radius: 2px !important;
    border: none !important;
}

.plyr__volume input[type="range"]::-moz-range-track {
    height: 4px !important;
    background: rgba(255,255,255,0.3) !important;
    border-radius: 2px !important;
    border: none !important;
}

.plyr__volume input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: var(--e-global-color-0396517) !important;
    border: 2px solid #ffffff !important;
    cursor: pointer !important;
    margin-top: -4px !important;
}

.plyr__volume input[type="range"]::-moz-range-thumb {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: var(--e-global-color-0396517) !important;
    border: 2px solid #ffffff !important;
    cursor: pointer !important;
}

/* 6. CZAS */
.plyr__time {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

/* 7. TOOLTIP */
.plyr__tooltip {
    background: var(--e-global-color-0396517) !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 5px !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* 8. MENU USTAWIEŃ */
.plyr__menu__container {
    background: rgba(0,0,0,0.95) !important;
    border: 2px solid #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;
}

.plyr__menu__container button {
    color: #ffffff !important;
    border: none !important;
    padding: 10px 15px !important;
}

.plyr__menu__container button:hover {
    background: var(--e-global-color-0396517) !important;
}

.plyr__menu__container [aria-checked="true"] {
    background: rgba(102,150,23,0.2) !important;
    color: var(--e-global-color-0396517) !important;
    font-weight: 700 !important;
}

/* 9. RESPONSYWNOŚĆ */
@media (max-width: 768px) {
    .plyr__control--overlaid {
        width: 60px !important;
        height: 60px !important;
    }
    
    .plyr__control--overlaid svg {
        width: 28px !important;
        height: 28px !important;
    }
    
    .plyr__volume {
        display: none !important;
    }
}

/* 10. WYMUSZENIE resetowania motywowych stylów */
.plyr *,
.plyr *::before,
.plyr *::after {
    box-sizing: border-box !important;
}

.plyr button:not(.plyr__control--overlaid),
.plyr input[type="range"] {
    box-shadow: none !important;
    outline: none !important;
}

.plyr button:focus-visible {
    outline: 2px solid #ffffff !important;
    outline-offset: 2px !important;
}

/* ========================================
   TUTOR LMS - Interface lekcji (sidebar, header, navigation)
   ======================================== */

/* 1. SIDEBAR - Lista lekcji */
.tutor-course-single-sidebar-wrapper {
    background: #ffffff !important;
    border-right: 1px solid #e2e8f0 !important;
}

/* Tytuł sidebara - "Zawartość kursu" */
.tutor-course-single-sidebar-title {
    background: var(--e-global-color-0396517) !important;
    color: #ffffff !important;
    padding: 20px !important;
    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.tutor-course-single-sidebar-title span {
    color: #ffffff !important;
}

/* Przycisk zamknięcia sidebara (X) */
.tutor-course-single-sidebar-title .tutor-iconic-btn {
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.tutor-course-single-sidebar-title .tutor-iconic-btn:hover {
    background: #ffffff !important;
    color: var(--e-global-color-0396517) !important;
}

/* 2. ACCORDION - Moduły kursu */
.tutor-course-topic {
    border-bottom: 1px solid #e2e8f0 !important;
}

.tutor-accordion-item-header {
    background: #f7fafc !important;
    padding: 15px 20px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.tutor-accordion-item-header.is-active {
    background: var(--e-global-color-0396517) !important;
    color: #ffffff !important;
}

.tutor-accordion-item-header.is-active .tutor-course-topic-title {
    color: #ffffff !important;
}

.tutor-accordion-item-header.is-active .tutor-course-topic-summary {
    color: #ffffff !important;
}

/* Ikona info w tytule modułu */
.tutor-course-topic-title-info-icon {
    color: #ffffff !important;
}

/* 3. LISTA LEKCJI */
.tutor-course-topic-item {
    padding: 12px 20px !important;
    border-bottom: 1px solid #f1f1f1 !important;
    transition: background 0.2s ease !important;
}

.tutor-course-topic-item:hover {
    background: #f7fafc !important;
}

/* Aktywna lekcja */
.tutor-course-topic-item.is-active {
    background: rgba(var(--e-global-color-0396517-rgb, 102,150,23), 0.1) !important;
    border-left: 3px solid var(--e-global-color-0396517) !important;
}

.tutor-course-topic-item a {
    color: var(--e-global-color-text) !important;
    text-decoration: none !important;
}

.tutor-course-topic-item.is-active a {
    color: var(--e-global-color-0396517) !important;
    font-weight: 600 !important;
}

/* Ikona YouTube w lekcjach */
.tutor-course-topic-item-icon {
    color: var(--e-global-color-accent) !important;
}

/* Checkbox (okrągły) */
.tutor-form-check-circle {
    border: 2px solid #cbd5e0 !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
}

.tutor-form-check-circle:checked {
    background: var(--e-global-color-0396517) !important;
    border-color: var(--e-global-color-0396517) !important;
}

/* 4. GÓRNY PASEK (Top bar) - Nawigacja lekcji */
.tutor-course-topic-single-header {
    background: #ffffff !important;
    border-bottom: 2px solid #e2e8f0 !important;
    padding: 15px 20px !important;
}

/* Tytuł kursu w górnym pasku */
.tutor-course-topic-single-header-title {
    color: var(--e-global-color-primary) !important;
    font-weight: 700 !important;
}

/* Przyciski w górnym pasku */
.tutor-course-topic-single-header .tutor-iconic-btn {
    background: transparent !important;
    border: 2px solid var(--e-global-color-0396517) !important;
    color: var(--e-global-color-0396517) !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.tutor-course-topic-single-header .tutor-iconic-btn:hover {
    background: var(--e-global-color-0396517) !important;
    color: #ffffff !important;
}

/* Przycisk "Oznacz jako ukończone" */
.tutor-topbar-mark-btn {
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    border-radius: 100px !important;
    padding: 10px 24px !important;
    background-color: var(--e-global-color-0396517) !important;
    border: 2px solid var(--e-global-color-0396517) !important;
    color: #ffffff !important;
    transition: all 0.3s ease-in-out !important;
}

.tutor-topbar-mark-btn:hover {
    background-color: #ffffff !important;
    color: var(--e-global-color-0396517) !important;
}

/* 5. DOLNY PASEK - Przyciski Poprzedni/Dalej */
.tutor-course-topic-single-footer {
    background: #ffffff !important;
    border-top: 2px solid #e2e8f0 !important;
    display: flex !important;
    justify-content: space-between !important;
}

.tutor-course-topic-single-footer .tutor-btn {
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    border-radius: 100px !important;
    padding: 10px 24px !important;
    background-color: transparent !important;
    border: 2px solid var(--e-global-color-0396517) !important;
    color: var(--e-global-color-0396517) !important;
    transition: all 0.3s ease-in-out !important;
}

.tutor-course-topic-single-footer .tutor-btn:hover {
    background-color: var(--e-global-color-0396517) !important;
    color: #ffffff !important;
}

/* 6. PROGRESS BAR - Pasek postępu */
.tutor-progress-bar {
    background: #e2e8f0 !important;
    height: 8px !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

.tutor-progress-value {
    background: var(--e-global-color-0396517) !important;
    height: 100% !important;
    display: block !important;
    border-radius: 4px !important;
}

/* 7. MOBILE - Pasek postępu na dole */
.tutor-spotlight-mobile-progress-complete {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
}

.tutor-course-topic-summary {
    padding-right: 20px ;
}

.tutor-course-spotlight-wrapper.tutor-course-spotlight-tab {
    padding: 0 !important;
}

/* Tylko w tym konkretnym widgetcie */
.produkty-przycisk.elementor-products-grid ul.products.elementor-grid li.product {
    display: flex !important;
    flex-direction: column;
    float: none;
    
    justify-content: space-between;}

.woocommerce ul.products li.product a.add_to_cart_button {
    text-decoration: none;
    align-self: center;
}

/* 8. RESPONSYWNOŚĆ */
@media (max-width: 1199px) {
    /* Sidebar jako offcanvas na mobile */
    .tutor-course-single-sidebar-wrapper {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 320px !important;
        height: 100vh !important;
        z-index: 9999 !important;
        overflow-y: auto !important;
        box-shadow: 2px 0 10px rgba(0,0,0,0.1) !important;
    }
}

@media (max-width: 768px) {
    .tutor-course-single-sidebar-wrapper {
        width: 280px !important;
    }
    
    .tutor-course-topic-single-header {
        padding: 12px 15px !important;
    }
    
    .tutor-course-topic-single-footer .tutor-btn {
        font-size: 12px !important;
        padding: 8px 16px !important;
    }
    
    .tutor-topbar-mark-btn {
        font-size: 12px !important;
        padding: 8px 16px !important;
    }
}

/* 9. TOOLTIP - Dodatkowe info w module */
.tooltip-wrap .tooltip-txt {
    background: rgba(0,0,0,0.9) !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

/* 10. IKONY - Spójne kolory */
.tutor-icon-previous,
.tutor-icon-next,
.tutor-icon-times,
.tutor-icon-left,
.tutor-icon-hamburger-menu {
    color: inherit !important;
}

/* 11. WYMUSZENIE białych obramowań dla checkboxów */
input[type="checkbox"].tutor-form-check-circle {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: #ffffff !important;
    cursor: pointer !important;
}

input[type="checkbox"].tutor-form-check-circle:checked::after {
    content: "✓" !important;
    color: #ffffff !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}/* End custom CSS */