/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.6.1781607069
Updated: 2026-06-16 10:51:09
*/

/* Kolor dla domyślnej kursywy tekstowej */
body:not(.wp-admin):not(.block-editor-page) em {
    color: #A97971 !important;
}

/* Nagłówki H1, H2 - czcionka Lora */
body:not(.wp-admin):not(.block-editor-page) h1,
body:not(.wp-admin):not(.block-editor-page) h2 {
    font-family: 'Lora', Georgia, serif !important;
}

/* Nagłówki H3, H5 - czcionka Inter */
body:not(.wp-admin):not(.block-editor-page) h3,
body:not(.wp-admin):not(.block-editor-page) h5 {
    font-family: 'Inter', sans-serif !important;
}

body:not(.wp-admin):not(.block-editor-page) h4 {
	font-family: 'Lora', Georgia, serif !important;
	color: #a97971;
	font-weight: 400;
	line-height: 1.4em;
}

body:not(.wp-admin):not(.block-editor-page) h2 {
    font-size: 34px !important;
    line-height: 1.4em !important;
}

body:not(.wp-admin):not(.block-editor-page) h3 {
    font-size: 19px !important;
    line-height: 1.6em !important;
}

/* Kursywa w nagłówkach - bezpieczne celowanie tylko w znacznik tekstowy em */
body:not(.wp-admin):not(.block-editor-page) h1 em,
body:not(.wp-admin):not(.block-editor-page) h2 em {
    color: #A97971 !important;
    font-family: 'Lora', Georgia, serif !important;
    font-style: italic;
}

/* Czcionka body - oczyszczona ze znacznika span, który psuł pasek admina */
body:not(.wp-admin):not(.block-editor-page),
body:not(.wp-admin):not(.block-editor-page) p,
body:not(.wp-admin):not(.block-editor-page) .et_pb_text_inner {
    font-family: 'Inter', sans-serif !important;
    font-weight: 300 !important;
    letter-spacing: 0.3px;
    line-height: 1.5em;
}

/* Mobile i tablety */
@media screen and (max-width: 980px) {
    body:not(.wp-admin) .et_pb_row {
        width: 90% !important;
        max-width: 90% !important;
    }

    body:not(.wp-admin):not(.block-editor-page) h2 {
        font-size: 26px !important;
    }

    body:not(.wp-admin):not(.block-editor-page) h3 {
        font-size: 15px !important;
    }
}

/* Tło dla page-id-13 */
body.page-id-13 #page-container {
    background-image: url('https://jakub-stolarski.pl/wp-content/uploads/2026/06/bg.webp') !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

@media screen and (max-width: 980px) {
    body.page-id-13 #page-container {
        background-position: right center !important;
    }
}

/* Separator pod H1 i H2 - tylko frontend, tylko w kontenerze Divi */
#page-container h1,
#page-container h2 {
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 30px !important;
}

/* Środkowa kropka */
#page-container h1::after,
#page-container h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 6px;
    background-color: #C07F71;
    border-radius: 50%;
}

/* Boczne kreski */
#page-container h1::before,
#page-container h2::before {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 110px;
    height: 1px;
    background: linear-gradient(to right,
        #C07F71 0%,
        #C07F71 42px,
        transparent 42px,
        transparent 68px,
        #C07F71 68px,
        #C07F71 110px
    );
}

/* SEPARATOR Z LOTOSEM */
.lotos-separator {
    position: relative;
    width: 100%;
    height: 80px;
    margin-bottom: 20px;
    pointer-events: none;
}

.lotos-separator::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(90%, 500px);
    height: 1px;
    background: linear-gradient(to right,
        transparent 0px,
        #C07F71 20px,
        #C07F71 calc(50% - 70px),
        transparent calc(50% - 70px),
        transparent calc(50% + 70px),
        #C07F71 calc(50% + 70px),
        #C07F71 calc(100% - 20px),
        transparent 100%
    );
    z-index: 1;
}

.lotos-separator::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 80px;
    background-image: url('/wp-content/uploads/2026/06/Lotos.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    z-index: 2;
}

/* ==========================================================================
   SKUTECZNE POZYCJONOWANIE TEKSTU W LIŚCIE PROBLEMÓW
   ========================================================================== */

/* Delikatne zepchnięcie całego kontenera z tekstem w dół, aby złapać oś ikony */
body:not(.wp-admin) .lista-problemów .et_pb_blurb_container {
    padding-top: 14px !important;
}

/* Reset stylów dla nagłówka H4 (który faktycznie tam jest) */
body:not(.wp-admin) .lista-problemów .et_pb_module_header {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1em !important;
}

body:not(.wp-admin) .krok-numer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Wymiary idealnego kółka */
    width: 60px !important;
    height: 60px !important;
    margin: 0 auto 20px auto !important; /* Centruje kółko w kolumnie i daje odstęp na dół */
    
    /* Wygląd kółka */
    border: 1px solid rgba(192, 127, 113, 0.4) !important;
    border-radius: 50% !important;
    background-color: #F9EFEA !important;
    
    /* Styl liczby w środku */
    font-family: 'Lora', Georgia, serif !important;
    font-size: 26px !important;
    color: #A97971 !important;
    line-height: 1 !important;
}