/* 
Theme Name:		 Neoton Child
Theme URI:		 https://backtheme.tech/products/wordpress/neoton/
Description:	 Neoton Child is a child theme of Neoton
Author:			 Backtheme
Author URI:		 https://backtheme.tech/
Template:		 neoton
Version:		 4.1.1
Text Domain:	 neoton
*/

/*
    Add your custom styles here
*/
/* Stylizacja listy numerowanej - naprawiona */
.category-description-bottom ol {
    list-style: none !important;
    counter-reset: custom-list !important;
    padding-left: 0 !important;
}
.category-description-bottom ol li {
    counter-increment: custom-list !important;
    position: relative !important;
    padding: 15px 0 15px 50px !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid #e1d8c3 !important;
}
.category-description-bottom ol li::before {
    content: counter(custom-list) !important;
    position: absolute !important;
    left: 0 !important;
    width: 35px !important;
    height: 35px !important;
    background: #8c7e6d !important;
    color: #fff !important;
    border-radius: 5px !important;
    text-align: center !important;
    line-height: 35px !important;
    font-weight: 700 !important;
}

/* Stylizacja listy nienumerowanej - naprawiona */
.category-description-bottom ul {
    list-style: none !important;
    padding-left: 0 !important;
}
.category-description-bottom ul li {
    padding-left: 30px !important;
    margin-bottom: 10px !important;
    position: relative !important;
    line-height: 1.6 !important;
}
.category-description-bottom ul li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    color: #8c7e6d !important;
    font-weight: bold !important;
}
/* Dodanie odstępów między nagłówkami a treścią */
.category-description-bottom h2, 
.category-description-bottom h3 {
    margin-bottom: 25px !important;
    margin-top: 30px !important;
}

/* Upewnienie się, że listy mają odpowiedni odstęp od nagłówka */
.category-description-bottom ol, 
.category-description-bottom ul {
    margin-top: 15px !important;
    margin-bottom: 25px !important;
}

/* BEZPIECZNE ZEROWANIE MARGINESÓW DLA ELEMENTORA (Tylko w ścisłej treści posta) */
.category-description-bottom ol, 
.category-description-bottom ul,
.single-post article .elementor-widget-text-editor ol, 
.single-post article .elementor-widget-text-editor ul {
    margin: 20px 0 !important;
}

/* Przywrócenie i stylizacja listy numerowanej (cyfry w kółkach) - wyłącznie wewnątrz tagu <article> */
.single-post article .elementor-widget-text-editor ol {
    list-style: none !important;
    counter-reset: my-counter !important;
    padding-left: 0 !important;
}
.single-post article .elementor-widget-text-editor ol li {
    display: block !important;
    counter-increment: my-counter !important;
    position: relative !important;
    padding-left: 40px !important;
    margin-bottom: 10px !important;
}
.single-post article .elementor-widget-text-editor ol li::before {
    content: counter(my-counter) !important;
    position: absolute !important;
    left: 0 !important;
    width: 25px !important;
    height: 25px !important;
    background: #8c7e6d !important;
    color: #fff !important;
    border-radius: 50% !important;
    text-align: center !important;
    line-height: 25px !important;
    font-size: 12px !important;
}

/* PRECYZYJNA NAPRAWA KÓŁECZEK - RIGORYSTYCZNIE TYLKO W TREŚCI ARTYKUŁU
   Wymuszamy obecność znacznika 'article' lub bezpośredniej klasy zawartości '.post-content', 
   co w 100% odcina menu umieszczone w <header> lub <nav>.
*/
.single-post article .elementor-widget-text-editor ul,
.single-post article .elementor-text-editor ul,
.single-post .post-content ul,
.single-post article ul {
    list-style-type: disc !important;
    list-style: disc !important;
    padding-left: 30px !important;
    margin-bottom: 20px !important;
}

.single-post article .elementor-widget-text-editor ul li,
.single-post article .elementor-text-editor ul li,
.single-post .post-content ul li,
.single-post article ul li {
    display: list-item !important;
    padding-left: 5px !important;
    margin-bottom: 10px !important;
    overflow: visible !important;
}

/* Zmiana koloru kółeczek na beżowy - tylko główna treść wpisu */
.single-post article .elementor-widget-text-editor ul li::marker,
.single-post article .elementor-text-editor ul li::marker,
.single-post .post-content ul li::marker,
.single-post article ul li::marker {
    color: #8c7e6d !important;
    font-size: 1.1em !important;
}

/* Stylizacja blockquote z myślą o UX i beżu */
blockquote {
    position: relative;
    background-color: #f7f4eb;
    border-left: 5px solid #c8bda7;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 30px 25px 25px 35px;
    margin: 35px 0;
    font-style: italic;
    color: #4a4338;
    box-shadow: 0 4px 15px rgba(200, 189, 167, 0.15);
}

/* Duży, nowoczesny cudzysłów */
blockquote::before {
    content: "“";
    position: absolute;
    top: -10px;
    left: 12px;
    font-size: 70px;
    line-height: 1;
    color: #e1d8c3;
    font-family: Georgia, serif;
    font-weight: bold;
}

/* Stylizacja dla nagłówka wewnątrz cytatu */
blockquote h4, blockquote h5 {
    color: #706251;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 700;
    font-style: normal;
    font-size: 1.15rem;
    letter-spacing: -0.02em;
}

/* Stylizacja dla źródła cytatu / podpisu autora */
blockquote cite {
    display: block;
    margin-top: 15px;
    font-size: 0.9rem;
    font-weight: 600;
    font-style: normal;
    color: #8c7e6d;
}

/* Dopasowanie UX dla urządzeń mobilnych */
@media screen and (max-width: 767px) {
    blockquote {
        padding: 25px 20px 20px 25px;
        margin: 25px 0;
        border-left-width: 4px;
    }
    blockquote::before {
        font-size: 55px;
        top: -5px;
        left: 8px;
    }
}