/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

.kurs-modules-list,
.kurs-modules-sublist,
.kurs-posts {
    list-style: none;
    margin: 0;
    padding: 0;
}

.kurs-modules-list > li,
.kurs-modules-sublist > li,
.kurs-posts > li {
    margin-bottom: 10px;
}

.kurs-modules-list a {
    text-decoration: none;
    color: #333;
    font-weight: 500; /* Bold for taxonomy terms */
}

.kurs-modules-sublist {
    margin-left: 20px;
    margin-top: 5px;
}

.kurs-posts {
    margin-left: 20px;
    margin-top: 5px;
    font-style: italic;
}

.kurs-posts a {
    font-weight: normal; /* Normal weight for course posts */
}

/*
 * FINAL WORKING CODE - Hides wpForo elements on Login & Register pages
 * Targets the correct class for each page: .wpft-login and .wpft-register
*/

/* --- HIDE ON LOGIN PAGE --- */
#wpforo-wrap.wpft-login #wpforo-menu,
#wpforo #wpforo-wrap.wpft-login .wpforo-subtop,
#wpforo-wrap.wpft-login #wpforo-title {
    display: none !important;
}

/* --- HIDE ON REGISTRATION PAGE --- */
#wpforo-wrap.wpft-register #wpforo-menu,
#wpforo #wpforo-wrap.wpft-register .wpforo-subtop,
#wpforo-wrap.wpft-register #wpforo-title {
    display: none !important;
}

.cryptowp-coin-price {
    font-size: 1.3rem !important; /* Reduced from the original large size */
    font-weight: 300 !important;   /* Slightly less bold */
    margin-bottom: 0.25rem !important; /* Adds a little space below the price */
}

.cryptowp-coin-name {
    margin-bottom: 0.5rem !important; /* Adjusts spacing for a cleaner look */
}

/* -- Breadcrumbs -- */
.post-nav-wrapper {
    padding: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

/* -- Nagłówek artykułu -- */
.article-header-classic {
    text-align: left; /* Wyrównanie do lewej */
    margin-bottom: 30px;
    padding-left: 15px; /* Lekki margines od lewej krawędzi */
}

.article-header-classic .entry-title {
    font-size: 3em;
    line-height: 1.2;
    margin-bottom: 15px;
}

.article-header-classic .post-meta {
    font-size: 0.9em;
    color: #6c757d;
}

/* -- Główna treść artykułu -- */
.article-content-classic {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.9375rem;
    line-height: 1.8;
    color: #212529;
    text-align: justify; /* Justowanie tekstu */
    padding: 0 15px; /* Lekkie marginesy po bokach */
}

.article-content-classic p {
    margin-bottom: 1.5em;
}

.article-content-classic h2,
.article-content-classic h3,
.article-content-classic h4 {
    margin-top: 2.5em;
    margin-bottom: 1em;
    line-height: 1.3;
    text-align: left; /* Nagłówki wewnątrz tekstu wyrównane do lewej */
}

/* -- Ustawienia dla obrazka oblewanego tekstem -- */
.article-content-classic img.alignright,
.article-content-classic picture.alignright {
    float: right; /* Kluczowa właściwość! */
    margin: 10px 0 20px 30px; /* Marginesy: góra, prawo, dół, lewo */
    max-width: 50%; /* Obrazek zajmuje maksymalnie połowę szerokości kontenera */
    height: auto;
    border-radius: 8px; /* Delikatne zaokrąglenie rogów */
}
/* Poprawka dla obrazka wewnątrz tagu <picture> */
.article-content-classic picture.alignright img {
	border-radius: 8px;
}

/* -- Czyszczenie float po obrazku -- */
/* Zapewnia, że elementy poniżej treści nie będą oblewać obrazka */
.article-content-classic .shared-counts {
    clear: both;
}

/* -- Responsywność dla urządzeń mobilnych -- */
@media (max-width: 768px) {
    /* Na mobilnych obrazek zajmuje całą szerokość i nie jest oblewany */
    .article-content-classic img.alignright {
        float: none;
        display: block;
        max-width: 100%;
        margin: 20px auto;
    }

    .article-header-classic .entry-title {
        font-size: 2.2em;
    }
}

/* Ta reguła naprawia problem "spadającego" sidebara */
body.single-post .sections_group {
  box-sizing: border-box;
}

/* Style dla urządzeń mobilnych (ekrany o szerokości do 768px) */
@media (max-width: 768px) {
  body.single-post .sections_group {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Style dla urządzeń desktopowych (ekrany o szerokości powyżej 768px) */
@media (min-width: 769px) {
  body.single-post .sections_group {
    padding-left: 40px;
    padding-right: 40px;
  }
}