.elementor-6782 .elementor-element.elementor-element-46fbf6c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:3rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-6782 .elementor-element.elementor-element-11406a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6782 .elementor-element.elementor-element-0474512{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-6782 .elementor-element.elementor-element-0474512 > .elementor-widget-container{padding:0rem 0rem 2rem 0rem;}.elementor-6782 .elementor-element.elementor-element-0474512 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-6782 .elementor-element.elementor-element-0474512:after{content:"0.66";}.elementor-6782 .elementor-element.elementor-element-0474512 .elementor-post__thumbnail__link{width:100%;}.elementor-6782 .elementor-element.elementor-element-0474512 .elementor-post__meta-data span + span:before{content:"•";}.elementor-6782 .elementor-element.elementor-element-0474512 .elementor-post__text{margin-top:20px;}.elementor-6782 .elementor-element.elementor-element-0474512 .elementor-post__badge{right:0;}.elementor-6782 .elementor-element.elementor-element-0474512 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-6782 .elementor-element.elementor-element-582585e{--display:flex;--min-height:50vh;--justify-content:center;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6782 .elementor-element.elementor-element-a5657ba .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-6782 .elementor-element.elementor-element-a5657ba .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-6782 .elementor-element.elementor-element-a5657ba .elementor-field-group.recaptcha_v3-bottomleft, .elementor-6782 .elementor-element.elementor-element-a5657ba .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-6782 .elementor-element.elementor-element-a5657ba .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-6782 .elementor-element.elementor-element-a5657ba .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-6782 .elementor-element.elementor-element-a5657ba .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-6782 .elementor-element.elementor-element-a5657ba .elementor-field-type-html{padding-bottom:0px;}.elementor-6782 .elementor-element.elementor-element-a5657ba .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-6782 .elementor-element.elementor-element-a5657ba .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-6782 .elementor-element.elementor-element-a5657ba .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-6782 .elementor-element.elementor-element-a5657ba .elementor-button[type="submit"]{color:#ffffff;}.elementor-6782 .elementor-element.elementor-element-a5657ba .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-6782 .elementor-element.elementor-element-a5657ba .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-6782 .elementor-element.elementor-element-a5657ba .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-6782 .elementor-element.elementor-element-a5657ba .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-6782 .elementor-element.elementor-element-a5657ba .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-6782 .elementor-element.elementor-element-a5657ba .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-6782 .elementor-element.elementor-element-a5657ba{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-6782 .elementor-element.elementor-element-8f7c19f{--display:flex;--padding-top:2rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-6782 .elementor-element.elementor-element-c1fcffe{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-6782 .elementor-element.elementor-element-c1fcffe .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-6782 .elementor-element.elementor-element-c1fcffe:after{content:"0.66";}.elementor-6782 .elementor-element.elementor-element-c1fcffe .elementor-post__thumbnail__link{width:100%;}.elementor-6782 .elementor-element.elementor-element-c1fcffe .elementor-post__meta-data span + span:before{content:"///";}.elementor-6782 .elementor-element.elementor-element-c1fcffe.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-6782 .elementor-element.elementor-element-c1fcffe.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-6782 .elementor-element.elementor-element-c1fcffe.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-6782 .elementor-element.elementor-element-c1fcffe .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-6782 .elementor-element.elementor-element-c1fcffe .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-6782 .elementor-element.elementor-element-c1fcffe .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-6782 .elementor-element.elementor-element-c1fcffe .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-6782 .elementor-element.elementor-element-c1fcffe .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-6782 .elementor-element.elementor-element-ba2294e{--display:flex;--min-height:50vh;--justify-content:center;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6782 .elementor-element.elementor-element-c1520f5 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-6782 .elementor-element.elementor-element-c1520f5 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-6782 .elementor-element.elementor-element-c1520f5 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-6782 .elementor-element.elementor-element-c1520f5 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-6782 .elementor-element.elementor-element-c1520f5 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-6782 .elementor-element.elementor-element-c1520f5 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-6782 .elementor-element.elementor-element-c1520f5 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-6782 .elementor-element.elementor-element-c1520f5 .elementor-field-type-html{padding-bottom:0px;}.elementor-6782 .elementor-element.elementor-element-c1520f5 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-6782 .elementor-element.elementor-element-c1520f5 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-6782 .elementor-element.elementor-element-c1520f5 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-6782 .elementor-element.elementor-element-c1520f5 .elementor-button[type="submit"]{color:#ffffff;}.elementor-6782 .elementor-element.elementor-element-c1520f5 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-6782 .elementor-element.elementor-element-c1520f5 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-6782 .elementor-element.elementor-element-c1520f5 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-6782 .elementor-element.elementor-element-c1520f5 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-6782 .elementor-element.elementor-element-c1520f5 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-6782 .elementor-element.elementor-element-c1520f5 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-6782 .elementor-element.elementor-element-c1520f5{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}body.elementor-page-6782:not(.elementor-motion-effects-element-type-background), body.elementor-page-6782 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-6782 .elementor-element.elementor-element-582585e{--content-width:730px;}.elementor-6782 .elementor-element.elementor-element-ba2294e{--content-width:730px;}}@media(max-width:1024px){.elementor-6782 .elementor-element.elementor-element-11406a5{--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-6782 .elementor-element.elementor-element-8f7c19f{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}}@media(max-width:767px){.elementor-6782 .elementor-element.elementor-element-46fbf6c{--padding-top:3rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-6782 .elementor-element.elementor-element-0474512 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-6782 .elementor-element.elementor-element-0474512:after{content:"0.5";}.elementor-6782 .elementor-element.elementor-element-0474512 .elementor-post__thumbnail__link{width:100%;}.elementor-6782 .elementor-element.elementor-element-c1fcffe .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-6782 .elementor-element.elementor-element-c1fcffe:after{content:"0.5";}.elementor-6782 .elementor-element.elementor-element-c1fcffe .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-84a7f1c *//* Główna zawartość strony bloga */
        .blog-page {
            padding: 40px 0;
        }

        .page-title {
            font-size: 32px;
            font-weight: 700;
            color: #0A2342; /* Główny (Primary) */
            text-align: center;
            margin-bottom: 15px;
            position: relative;
            display: inline-block; /* Aby linia była tylko pod tekstem */
            left: 50%;
            transform: translateX(-50%);
        }

        .page-title::after { /* Linia akcentująca pod tytułem */
            content: '';
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: -10px;
            width: 70px;
            height: 4px;
            background-color: #F7B32B; /* Drugorzędny (Secondary) */
            border-radius: 2px;
        }
        
        .title-container { /* Kontener do centrowania tytułu i linii */
             text-align: center;
             margin-bottom: 50px; /* Zwiększony margines dla odstępu */
        }
        .container {
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }/* End custom CSS */
/* Start custom CSS for archive-posts, class: .elementor-element-c1fcffe *//* Style dla widżetu Wpisy Archiwum Elementora (skórka Classic - stylizowana na karty) */

/* Upewnij się, że zmienne CSS z Twojego głównego pliku styles.css są dostępne */
/* :root { ... Twoje zmienne ... } */

/* Kontener dla siatki wpisów archiwum */
.elementor-widget-archive-posts .elementor-posts-container.elementor-posts--skin-classic {
    gap: var(--archive-column-gap, var(--spacing-xl, 2rem)); /* Odstęp między kolumnami, użyj zmiennej lub wartości z data-settings */
    /* Odstęp między wierszami jest ustawiany przez Elementor jako archive_classic_row_gap, np. 30px */
}

/* Pojedynczy wpis (artykuł) stylizowany jako karta */
.elementor-widget-archive-posts .elementor-posts--skin-classic article.elementor-post {
    background-color: var(--color-white, #FFFFFF);
    border-radius: var(--radius-lg, 16px);
    box-shadow: var(--shadow-md, 0 4px 8px rgba(0,0,0,0.08));
    transition: transform var(--transition-normal, 0.35s), box-shadow var(--transition-normal, 0.35s);
    display: flex;
    flex-direction: column;
    height: 100%; /* Zapewnia, że karty w tym samym rzędzie mają tę samą wysokość */
    overflow: hidden;
}

.elementor-widget-archive-posts .elementor-posts--skin-classic article.elementor-post:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg, 0 10px 20px rgba(0,0,0,0.1));
}

/* Miniaturka wpisu */
.elementor-widget-archive-posts .elementor-post__thumbnail__link {
    display: block;
    overflow: hidden;
}




/* Kontener na treść tekstową (tytuł, zajawka, meta) w skórce Classic */
/* Skórka Classic może nie mieć .elementor-post__text, więc dodajemy wrapper lub stylujemy bezpośrednio dzieci article */
/* Dla pewności, dodajmy wrapperowi padding, jeśli istnieje, lub zastosujemy go do sekcji wewnątrz article */
.elementor-widget-archive-posts .elementor-post__text_wrapper, /* Jeśli Elementor używa tej klasy */
.elementor-widget-archive-posts .elementor-post__text { /* Lub tej, jeśli występuje */
    padding: var(--spacing-lg, 1.5rem);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Jeśli Elementor nie tworzy dedykowanego wrappera dla tekstu w skórce Classic, */
/* a elementy jak tytuł, zajawka są bezpośrednio w <article>, */
/* możesz potrzebować dodać div wokół nich w szablonie Elementora (jeśli modyfikujesz) */
/* LUB ostylować je indywidualnie z paddingiem wewnątrz article. */
/* Poniższe style zakładają, że elementy tekstowe są w kontenerze, który można wyodrębnić lub że padding article zadba o odstępy. */
/* Jeśli elementy tekstowe są bezpośrednio w <article>, można dodać: */
.elementor-widget-archive-posts .elementor-posts--skin-classic article.elementor-post > *:not(.elementor-post__thumbnail__link) {
     /* Ten selektor jest bardzo ogólny, lepiej użyć bardziej specyficznych, jeśli struktura jest znana */
     /* padding: 0 var(--spacing-lg, 1.5rem) var(--spacing-lg, 1.5rem); */
}
/* Lepsze podejście: Załóżmy, że Elementor grupuje elementy tekstowe lub dodajemy im wspólny kontener. */
/* Na razie będziemy stylizować elementy tak, jakby miały wspólny kontener z paddingiem. */
/* Poniższe style dla tytułu, zajawki etc. zakładają, że ich kontener rodzica ma już odpowiedni padding. */


/* Tytuł wpisu */
.elementor-widget-archive-posts .elementor-post__title {
    font-family: var(--font-heading, 'Montserrat', sans-serif);
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: var(--spacing-sm, 0.5rem);
    line-height: 1.3;
    /* Jeśli tytuł jest bezpośrednio w article, dodaj padding tutaj lub do article */
    padding: var(--spacing-lg, 1.5rem) var(--spacing-lg, 1.5rem) 0; /* Tylko górny i boczne, jeśli pierwszy w "karcie" */
}
.elementor-widget-archive-posts .elementor-post__thumbnail__link + .elementor-post__title {
    padding-top: var(--spacing-lg, 1.5rem); /* Jeśli tytuł jest zaraz po obrazku */
}


.elementor-widget-archive-posts .elementor-post__title a {
    color: var(--color-primary, #0A2342);
    text-decoration: none;
    transition: color var(--transition-fast, 0.2s);
}

.elementor-widget-archive-posts .elementor-post__title a:hover {
    color: var(--color-accent, #2EC4B6);
}

/* Zajawka wpisu */
.elementor-widget-archive-posts .elementor-post__excerpt {
    font-family: var(--font-primary, 'Inter', sans-serif);
    font-size: 0.9375rem;
    color: var(--color-dark, #333333);
    opacity: 0.8;
    margin-bottom: var(--spacing-md, 1rem);
    line-height: 1.7;
    flex-grow: 1;
    padding: 0 var(--spacing-lg, 1.5rem); /* Boczne paddingi */
}
.elementor-widget-archive-posts .elementor-post__excerpt p {
    margin-bottom: 0;
}

/* Metadane wpisu */
.elementor-widget-archive-posts .elementor-post__meta-data {
    font-family: var(--font-primary, 'Inter', sans-serif);
    font-size: 0.875rem;
    color: var(--color-dark, #333333);
    opacity: 0.7;
    margin-bottom: var(--spacing-md, 1rem);
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
    padding: 0 var(--spacing-lg, 1.5rem); /* Boczne paddingi */
}
.elementor-widget-archive-posts .elementor-post__meta-data span {
    display: inline-flex;
    align-items: center;
}
.elementor-widget-archive-posts .elementor-post__meta-data i,
.elementor-widget-archive-posts .elementor-post__meta-data svg {
    color: var(--color-secondary, #F7B32B);
    margin-right: var(--spacing-xs, 0.25rem);
}

/* Kategorie/Tagi (Termy) */
.elementor-widget-archive-posts .elementor-post__terms {
    font-family: var(--font-primary, 'Inter', sans-serif);
    font-size: 0.8rem;
    margin-top: auto;
    padding: var(--spacing-sm, 0.5rem) var(--spacing-lg, 1.5rem) var(--spacing-lg, 1.5rem); /* Paddingi, szczególnie dolny */
    line-height: 1.4;
}

.elementor-widget-archive-posts .elementor-post__terms a {
    color: var(--color-accent, #2EC4B6);
    text-decoration: none;
    background-color: rgba(var(--color-accent-rgb, 46,196,182), 0.1);
    padding: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
    border-radius: var(--radius-sm, 4px);
    margin-right: var(--spacing-xs, 0.25rem);
    margin-bottom: var(--spacing-xs, 0.25rem);
    display: inline-block;
    transition: background-color var(--transition-fast, 0.2s), color var(--transition-fast, 0.2s);
}

.elementor-widget-archive-posts .elementor-post__terms a:hover {
    background-color: var(--color-accent, #2EC4B6);
    color: var(--color-white, #FFFFFF);
}

/* Przycisk "Czytaj więcej" */
.elementor-widget-archive-posts .elementor-post__read-more {
    font-family: var(--font-primary, 'Inter', sans-serif);
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-accent, #2EC4B6);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    /* Jeśli nie jest ostatnim elementem tekstowym i ma być na dole */
    /* margin-top: auto; */
    /* padding-top: var(--spacing-md, 1rem); */
    /* Jeśli jest to przycisk CTA, padding z article załatwi sprawę */
    padding: 0 var(--spacing-lg, 1.5rem) var(--spacing-lg, 1.5rem); /* Boczne i dolny padding */
    transition: color var(--transition-fast, 0.2s);
}
.elementor-widget-archive-posts .elementor-post__text_wrapper > .elementor-post__read-more:last-child,
.elementor-widget-archive-posts .elementor-post__text > .elementor-post__read-more:last-child,
.elementor-widget-archive-posts article.elementor-post > .elementor-post__read-more:last-child {
    margin-top: auto; /* Przykleja do dołu, jeśli jest w kontenerze flex */
    padding-top: var(--spacing-md, 1rem); /* Dodatkowy odstęp od treści powyżej, jeśli jest na samym dole */
}

.elementor-widget-archive-posts .elementor-post__read-more:hover {
    color: var(--color-secondary, #F7B32B);
}

.elementor-widget-archive-posts .elementor-post__read-more .elementor-post__read-more-icon {
    margin-left: var(--spacing-xs, 0.25rem);
    transition: transform var(--transition-fast, 0.2s);
}

.elementor-widget-archive-posts .elementor-post__read-more:hover .elementor-post__read-more-icon {
    transform: translateX(3px);
}

/* Paginacja "Load More" */
.elementor-widget-archive-posts .elementor-pagination {
    margin-top: var(--spacing-xl, 2rem);
    display: flex;
    justify-content: center;
}
.elementor-widget-archive-posts .elementor-load-more {
    font-family: var(--font-primary, 'Inter', sans-serif);
    padding: var(--btn-padding-y, 0.75rem) var(--btn-padding-x, 1.5rem); /* Użyj zmiennych dla przycisków, jeśli masz */
    font-size: 1rem;
    font-weight: 500;
    color: var(--color-white, #FFFFFF);
    background-color: var(--color-accent, #2EC4B6);
    border: none;
    border-radius: var(--radius-md, 8px);
    cursor: pointer;
    transition: background-color var(--transition-normal, 0.35s), transform var(--transition-fast, 0.2s);
}
.elementor-widget-archive-posts .elementor-load-more:hover {
    background-color: var(--color-secondary, #F7B32B); /* Lub ciemniejszy odcień akcentu */
    transform: translateY(-2px);
}
.elementor-widget-archive-posts .elementor-load-more .elementor-load-more-icon { /* Dla spinnera */
    margin-right: var(--spacing-sm, 0.5rem);
}
/* Styl dla spinnera - jest to ikona FontAwesome 'fas fa-spinner' */
.elementor-widget-archive-posts .elementor-load-more .fa-spinner {
    animation: fa-spin 1s infinite linear; /* Użyj standardowej animacji FA lub zdefiniuj własną */
}
@keyframes fa-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}/* End custom CSS */