.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-e370076:#D4A373;--e-global-color-be5f3b5:#2C4A3E;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:10px;}.elementor-element{--widgets-spacing:10px 10px;--widgets-spacing-row:10px;--widgets-spacing-column:10px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* --- PRZYCISK  CTA 1 --- */

/* Kontener łączący ikonę i tekst */
.button1 .elementor-button-content-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Styl dla całego bloku tekstu */
.button1 .elementor-button-text {
    display: inline-block !important;
    text-align: center !important;
    line-height: 1.1 !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    margin-left: 10px !important;
}

/* Styl dla dolnej linii (np. numeru telefonu) */
.button1 .elementor-button-text span {
    display: block !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    margin-top: 2px !important;
}


















/* --- PRZYCISK  CTA 2 --- */

/* Kontener łączący ikonę i tekst */
.button2 .elementor-button-content-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Styl dla całego bloku tekstu */
.button2 .elementor-button-text {
    display: inline-block !important;
    font-family: 'Outfit', sans-serif !important; /* Dodana czcionka Outfit */
    text-align: center !important;
    line-height: 1.1 !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    margin-left: 10px !important;
}

/* Styl dla dolnej linii (np. numeru telefonu) */
.button2 .elementor-button-text span {
    display: block !important;
    font-family: 'Outfit', sans-serif !important; /* Dodana czcionka Outfit */
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-top: 2px !important;
}























/* Styl dla nagłówka z długą linią po lewej stronie */
.naglowek_z_linia .elementor-heading-title {
    display: flex;
    align-items: center;
}

.naglowek_z_linia .elementor-heading-title::before {
    content: "";
    display: inline-block;
    
    /* DLUGOŚĆ I GRUBOŚĆ LINII */
    width: 30px;         /* Tutaj sterujesz długością linii */
    height: 1px;         /* Tutaj sterujesz grubością linii */
    
    /* KOLOR I ODSTĘP */
    background-color: #994732; 
    margin-right: 10px;  /* Odstęp między linią a tekstem */
    
    /* Zapewnia, że linia nie zniknie na małych ekranach */
    flex-shrink: 0;
}



















/* 1. Kółka z cyframi */
.cyfra-krok .elementor-heading-title {
    width: 60px !important;
    height: 60px !important;
    line-height: 58px !important;
    border: 1px solid #f2f0eb !important;
    border-radius: 50% !important;
    margin: 0 auto 15px auto !important;
    background: #FFFFFF !important;
    color: #994732;
    text-align: center;
    position: relative;
    z-index: 2;
}

/* 2. Jedna długa linia - WERSJA Z PRECYZYJNYM STOPEM */
@media (min-width: 768px) {
    .moja-os-czasu {
        position: relative;
        display: flex !important;
        overflow: visible !important;
    }

    /* Linia jako element rysowany od 1. do 4. kolumny */
    .moja-os-czasu::before {
        content: "";
        position: absolute;
        
        /* Pozycjonowanie pionowe - dopasuj do środka kółka */
        top: 70px; 

        /* Start: środek pierwszej kolumny (25% szerokości / 2) */
        left: 12.5%; 
        
        /* Szerokość: od środka 1. do środka 4. kolumny to dokładnie 75% szerokości */
        width: 75%; 
        
        height: 0;
        border-top: 1px dashed #994732 !important;
        
        z-index: 1;
        pointer-events: none;
    }
}












































/* Kontener treści wewnątrz Call to Action */
.elementor-kit-9.moje-cta-layout .elementor-cta__content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important; /* Rozpycha elementy góra-dół */
    align-items: flex-start !important; /* Domyślnie wszystko do lewej */
    height: 100%;
    min-height: 400px; /* Ustaw wysokość zdjęcia, jeśli trzeba */
    padding: 30px !important;
    box-sizing: border-box;
}

/* Styl dla TYTUŁU (Góra, Lewo) */
.elementor-kit-9.moje-cta-layout .elementor-cta__title {
    background-color: #994732;
    color: #ffffff !important;
    padding: 10px 20px;
    margin: 0 !important;
    font-size: 24px;
}

/* Styl dla PRZYCISKU (Dół, Prawo) */
.elementor-kit-9.moje-cta-layout .elementor-cta__button-wrapper {
    align-self: flex-end !important; /* Przesuwa tylko przycisk do prawej */
    margin: 0 !important;
}

.elementor-kit-9.moje-cta-layout .elementor-cta__button {
    background-color: #994732 !important;
    color: #ffffff !important;
    padding: 12px 25px !important;
    border: none !important;
    border-radius: 0px !important; /* Ostre rogi jak w ramce */
    text-transform: uppercase;
    font-weight: bold;
}

/* Usunięcie zbędnych opisów, jeśli ich nie używasz */
.elementor-kit-9.moje-cta-layout .elementor-cta__description {
    display: none;
}


















































































/* --- GLOBALNY STYL DLA WIDŻETU CALL TO ACTION --- */

/* Kontener treści - ogólny układ */
.moje-cta-layout .elementor-cta__content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
    padding: 20px !important;
    background: transparent !important;
    text-align: left !important;
}

/* TYTUŁ (Góra, Lewo) */
.moje-cta-layout .elementor-cta__title {
    align-self: flex-start !important;
    background-color: #994732 !important;
    color: #ffffff !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    display: inline-block !important;
    margin: 0 !important;
    border-radius: 8px !important;
    width: auto !important;
    text-align: left !important;
    border: none !important;
    text-shadow: none !important;
}

/* PRZYCISK (Dół, Prawo) */
.moje-cta-layout .elementor-cta__button-wrapper {
    display: block !important;
    width: 100% !important;
    text-align: right !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
}

.moje-cta-layout .elementor-cta__button {
    display: inline-block !important;
    float: none !important;
    background-color: #994732 !important;
    color: #ffffff !important;
    padding: 8px 18px !important;
    font-size: 11px !important;
    font-weight: 300 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Ukrywamy zbędne elementy (opisy i nakładki) */
.moje-cta-layout .elementor-cta__description,
.moje-cta-layout .elementor-cta__bg-overlay {
    display: none !important;
}










































/* --- INFO KAFELKI (IKONA + TEKST) --- */

/* Kontener główny listy */
.moje-kafelki-info .elementor-icon-list-items {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    justify-content: flex-start !important; /* Wyrównanie do lewej */
}

/* Pojedynczy kafelek - tło i kształt */
.moje-kafelki-info .elementor-icon-list-item {
    background-color: #EDE8DF !important; 
    padding: 1px 12px !important; /* Zwiększyłem lekko boczny padding dla lepszego wyglądu */
    border-radius: 50px !important; 
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    min-height: 30px; /* Zapewnia równą wysokość kafelków */
}

/* Tekst w kafelku */
.moje-kafelki-info .elementor-icon-list-text {
    color: #1A1A18 !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    padding-left: 8px !important;
    line-height: 1 !important;
}

/* Ikona w kafelku - upewniamy się, że pasuje do tekstu */
.moje-kafelki-info .elementor-icon-list-icon {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

.moje-kafelki-info .elementor-icon-list-icon i {
    color: #1A1A18 !important;
    font-size: 14px !important;
}

/* Responsywność dla telefonów */
@media (max-width: 767px) {
    .moje-kafelki-info .elementor-icon-list-items {
        gap: 8px !important;
    }
    
    .moje-kafelki-info .elementor-icon-list-item {
        padding: 1px 10px !important;
    }
}































/* Styl dla całego kontenera tekstu w Icon Box */
.elementor-kit-9 .box-kontener {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; /* Wyrównanie do lewej */
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Górny napis (np. TELEFON) */
.elementor-kit-9 .box-nadpis {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #A34E36 !important; /* Twój ceglasty kolor */
    margin-bottom: 0px !important; /* Minimalny odstęp */
    padding-bottom: 0px !important;
}

/* Środkowy numer / główny tekst */
.elementor-kit-9 .box-numer {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important; /* Minimalny odstęp */
    padding: 0 !important;
}

/* Mały podpis na dole (np. godziny lub dni) */
.elementor-kit-9 .box-podpis {
    font-size: 12px !important;
    color: #888888 !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

/* Usunięcie domyślnych odstępów Elementora dla opisu */
.elementor-kit-9 .elementor-icon-box-description {
    margin: 0 !important;
    padding: 0 !important;
}/* End custom CSS */