.elementor-3696 .elementor-element.elementor-element-9965123{--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:120px;--padding-bottom:85px;--padding-left:25px;--padding-right:25px;}.elementor-3696 .elementor-element.elementor-element-d581af5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--margin-top:0px;--margin-bottom:35px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3696 .elementor-element.elementor-element-4524064 .elementor-heading-title{font-family:"Para", Sans-serif;font-size:0.9rem;font-weight:600;line-height:1.8em;color:#3D3D3D;}.elementor-3696 .elementor-element.elementor-element-4524064 .elementor-heading-title a:hover, .elementor-3696 .elementor-element.elementor-element-4524064 .elementor-heading-title a:focus{color:var( --e-global-color-c10748e );}.elementor-3696 .elementor-element.elementor-element-bfb6736 .elementor-heading-title{font-family:"Para", Sans-serif;font-size:0.9rem;font-weight:600;line-height:1.8em;color:#3D3D3D;}.elementor-3696 .elementor-element.elementor-element-bfb6736 .elementor-heading-title a:hover, .elementor-3696 .elementor-element.elementor-element-bfb6736 .elementor-heading-title a:focus{color:var( --e-global-color-c10748e );}.elementor-3696 .elementor-element.elementor-element-15b92d8 .elementor-heading-title{font-family:"Para", Sans-serif;font-size:0.9rem;font-weight:600;line-height:1.8em;color:#3D3D3D;}.elementor-3696 .elementor-element.elementor-element-15b92d8 .elementor-heading-title a:hover, .elementor-3696 .elementor-element.elementor-element-15b92d8 .elementor-heading-title a:focus{color:var( --e-global-color-c10748e );}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3696 .elementor-element.elementor-element-64aeee7{text-align:start;}.elementor-3696 .elementor-element.elementor-element-64aeee7 .elementor-heading-title{font-family:"Title", Sans-serif;font-size:3.4rem;font-weight:500;line-height:1.2em;color:#1577AF;}.elementor-widget-theme-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-3696 .elementor-element.elementor-element-afe5397{width:var( --container-widget-width, 80% );max-width:80%;margin:35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:start;font-family:"Para", Sans-serif;font-size:1.2rem;font-weight:300;line-height:1.6em;}.elementor-3696 .elementor-element.elementor-element-afe5397.elementor-element{--align-self:flex-start;}.elementor-3696 .elementor-element.elementor-element-2b68899{width:var( --container-widget-width, 85% );max-width:85%;margin:35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-3696 .elementor-element.elementor-element-b7881ae{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#A1B2BB1A;--border-color:#A1B2BB1A;--margin-top:45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:18px;--padding-bottom:18px;--padding-left:25px;--padding-right:25px;}.elementor-3696 .elementor-element.elementor-element-b7881ae.e-con{--align-self:flex-start;}.elementor-3696 .elementor-element.elementor-element-50c7129{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3696 .elementor-element.elementor-element-a0af6e8 .elementor-repeater-item-fe49b8b .elementor-icon-list-icon{width:30px;}.elementor-3696 .elementor-element.elementor-element-a0af6e8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(40px/2);}.elementor-3696 .elementor-element.elementor-element-a0af6e8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(40px/2);}.elementor-3696 .elementor-element.elementor-element-a0af6e8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(40px/2);margin-left:calc(40px/2);}.elementor-3696 .elementor-element.elementor-element-a0af6e8 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-40px/2);margin-left:calc(-40px/2);}body.rtl .elementor-3696 .elementor-element.elementor-element-a0af6e8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-40px/2);}body:not(.rtl) .elementor-3696 .elementor-element.elementor-element-a0af6e8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-40px/2);}.elementor-3696 .elementor-element.elementor-element-a0af6e8 .elementor-icon-list-icon{width:15px;}.elementor-3696 .elementor-element.elementor-element-a0af6e8 .elementor-icon-list-icon i{font-size:15px;}.elementor-3696 .elementor-element.elementor-element-a0af6e8 .elementor-icon-list-icon svg{--e-icon-list-icon-size:15px;}body:not(.rtl) .elementor-3696 .elementor-element.elementor-element-a0af6e8 .elementor-icon-list-text{padding-left:12px;}body.rtl .elementor-3696 .elementor-element.elementor-element-a0af6e8 .elementor-icon-list-text{padding-right:12px;}.elementor-3696 .elementor-element.elementor-element-a0af6e8 .elementor-icon-list-text, .elementor-3696 .elementor-element.elementor-element-a0af6e8 .elementor-icon-list-text a{color:#475569;}.elementor-3696 .elementor-element.elementor-element-a0af6e8 .elementor-icon-list-item{font-family:"Para", Sans-serif;font-size:0.9rem;font-weight:600;}.elementor-3696 .elementor-element.elementor-element-77fc3f8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-3696 .elementor-element.elementor-element-84c9bc6.elementor-element{--align-self:center;}.elementor-3696 .elementor-element.elementor-element-84c9bc6 .elementor-heading-title{font-family:"Para", Sans-serif;font-size:0.9rem;font-weight:600;color:#475569;}.elementor-3696 .elementor-element.elementor-element-374ec0a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-3696 .elementor-element.elementor-element-d2cb9f4.elementor-element{--align-self:center;}.elementor-3696 .elementor-element.elementor-element-d2cb9f4 .elementor-heading-title{font-family:"Para", Sans-serif;font-size:0.9rem;font-weight:600;color:#475569;}.elementor-3696 .elementor-element.elementor-element-b04f351.elementor-element{--align-self:center;}.elementor-3696 .elementor-element.elementor-element-96fd981{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-3696 .elementor-element.elementor-element-96fd981.elementor-element{--align-self:flex-start;}.elementor-3696 .elementor-element.elementor-element-96fd981 .elementor-heading-title{font-family:"Para", Sans-serif;font-size:1rem;font-weight:600;color:#475569;}.elementor-3696 .elementor-element.elementor-element-3557e50{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--alignment:left;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:20px;--grid-bottom-margin:20px;}.elementor-3696 .elementor-element.elementor-element-3557e50.elementor-element{--align-self:flex-start;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3696 .elementor-element.elementor-element-bf224bb{margin:55px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3696 .elementor-element.elementor-element-bf224bb img{width:100%;height:650px;object-fit:cover;object-position:center center;border-radius:45px 45px 45px 45px;box-shadow:0px 0px 35px -15px rgba(0, 0, 0, 0.29);}.elementor-3696 .elementor-element.elementor-element-d3c5456{--display:flex;}.elementor-3696 .elementor-element.elementor-element-0df0bb8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:120px;--padding-left:25px;--padding-right:25px;}.elementor-3696 .elementor-element.elementor-element-9f866eb{--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-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3696 .elementor-element.elementor-element-ec077f2{color:#475569;font-family:"Para", Sans-serif;font-size:1.1rem;font-weight:300;line-height:1.8em;}.elementor-3696 .elementor-element.elementor-element-2e94a7b{margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3696 .elementor-element.elementor-element-3d01d6e{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3696 .elementor-element.elementor-element-fd66176{--n-accordion-title-font-size:1rem;margin:35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-3696 .elementor-element.elementor-element-fe15790{--swiper-slides-to-display:3;--swiper-slides-gap:20px;padding:15px 15px 15px 15px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--swiper-pagination-size:8px;--dots-normal-color:var( --e-global-color-primary );--dots-hover-color:var( --e-global-color-c10748e );--swiper-pagination-spacing:40px;}.elementor-3696 .elementor-element.elementor-element-fe15790 .swiper-slide > .elementor-element{height:100%;}.elementor-3696 .elementor-element.elementor-element-fe15790 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:5px;--swiper-pagination-bullet-vertical-gap:5px;}.elementor-3696 .elementor-element.elementor-element-434badd{margin:35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3696 .elementor-element.elementor-element-fa44a0a{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3696 .elementor-element.elementor-element-fa44a0a:not(.elementor-motion-effects-element-type-background), .elementor-3696 .elementor-element.elementor-element-fa44a0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-3696 .elementor-element.elementor-element-e94a0fa{--swiper-slides-to-display:1;--swiper-slides-gap:20px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 45px) 0px;padding:0px 0px 0px 0px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-3696 .elementor-element.elementor-element-e94a0fa .swiper-slide > .elementor-element{height:100%;}.elementor-3696 .elementor-element.elementor-element-3293c6a{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E9ECEE;--border-color:#E9ECEE;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3696 .elementor-element.elementor-element-5fe4896{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:25px 25px 25px 25px;}.elementor-3696 .elementor-element.elementor-element-5fe4896 .elementor-button{font-family:"Para", Sans-serif;font-size:0.9rem;font-weight:400;}.elementor-3696 .elementor-element.elementor-element-4f8783b{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E9ECEE;--border-color:#E9ECEE;--border-radius:25px 25px 25px 25px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3696 .elementor-element.elementor-element-fda5b26{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:25px 25px 25px 25px;}.elementor-3696 .elementor-element.elementor-element-fda5b26 .elementor-button{font-family:"Para", Sans-serif;font-size:0.9rem;font-weight:400;}@media(max-width:1366px){.elementor-3696 .elementor-element.elementor-element-fe15790{--swiper-slides-to-display:3;}.elementor-3696 .elementor-element.elementor-element-e94a0fa{--swiper-slides-to-display:3;}}@media(max-width:1200px){.elementor-3696 .elementor-element.elementor-element-fe15790{--swiper-slides-to-display:3;}.elementor-3696 .elementor-element.elementor-element-e94a0fa{--swiper-slides-to-display:3;}}@media(max-width:1024px){ .elementor-3696 .elementor-element.elementor-element-3557e50{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:20px;--grid-bottom-margin:20px;}.elementor-3696 .elementor-element.elementor-element-fe15790{--swiper-slides-to-display:2;}.elementor-3696 .elementor-element.elementor-element-e94a0fa{--swiper-slides-to-display:2;}}@media(max-width:880px){.elementor-3696 .elementor-element.elementor-element-fe15790{--swiper-slides-to-display:2;}.elementor-3696 .elementor-element.elementor-element-e94a0fa{--swiper-slides-to-display:2;}}@media(max-width:767px){ .elementor-3696 .elementor-element.elementor-element-3557e50{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:20px;--grid-bottom-margin:20px;}.elementor-3696 .elementor-element.elementor-element-fe15790{--swiper-slides-to-display:1;}.elementor-3696 .elementor-element.elementor-element-e94a0fa{--swiper-slides-to-display:1;}}@media(min-width:768px){.elementor-3696 .elementor-element.elementor-element-b7881ae{--width:70%;}.elementor-3696 .elementor-element.elementor-element-9f866eb{--width:75%;}.elementor-3696 .elementor-element.elementor-element-fa44a0a{--width:25%;}.elementor-3696 .elementor-element.elementor-element-3293c6a{--width:50%;}.elementor-3696 .elementor-element.elementor-element-4f8783b{--width:50%;}}@media(min-width:2400px){.elementor-3696 .elementor-element.elementor-element-fe15790{--swiper-slides-to-display:3;}.elementor-3696 .elementor-element.elementor-element-e94a0fa{--swiper-slides-to-display:3;}}/* Start custom CSS for shortcode, class: .elementor-element-2b68899 *//*
 * NeuroExpert — taksonomie treści
 * Scope: tylko komponent shortcode [taksonomie_tresci] / [taksonomie_wpisu]
 */

.ne-tax-box {
    --ne-primary: #1577af;
    --ne-primary-dk: #11618e;
    --ne-primary-bg: #eaf4fa;
    --ne-primary-dot: #89c5e8;
    --ne-head: #0f172a;
    --ne-body: #475569;
    --ne-muted: #64748b;
    --ne-faint: #94a3b8;
    --ne-bg: #f8fafc;
    --ne-bg-soft: #f1f5f9;
    --ne-white: #ffffff;
    --ne-border: #e2e8f0;
    --ne-border-lt: #f1f5f9;
    --ne-border-md: #cbd5e1;
    --ne-font-body: "Para", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ne-font-head: "Title", Merriweather, Georgia, serif;
    --ne-radius-lg: 20px;
    --ne-radius-pill: 9999px;
    --ne-shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --ne-shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.06);

    display: flex;
    flex-direction: column;
    gap: 16px;
    font-family: var(--ne-font-body);
}






.ne-tax-section--tertiary {
    border-left: 4px solid var(--ne-primary-dot);
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

/* Nagłówki sekcji */
.ne-tax-heading {
    margin: 0 0 11px;
    font-family: var(--ne-font-body);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--ne-muted);
    text-transform: uppercase;
    letter-spacing: 0.09em;
}

/* Lista */
.ne-tax-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Badge bazowy */
.ne-tax-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    max-width: 100%;
    border-radius: var(--ne-radius-pill);
    font-family: var(--ne-font-body);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;
    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        color 0.18s ease,
        box-shadow 0.18s ease;
}

.ne-tax-badge::before {
    content: attr(data-label);
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    min-height: 20px;
    padding: 3px 8px;
    border-radius: var(--ne-radius-pill);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    background: var(--ne-primary);
    text-transform: uppercase;
    letter-spacing: 0.055em;
}

/* Wariant główny */
.ne-tax-badge--primary {
    padding: 6px 12px 6px 8px;
    color: var(--ne-primary-dk);
    background: var(--ne-primary-bg);
    border: 1px solid rgba(21, 119, 175, 0.22);
    box-shadow: 0 4px 14px rgba(21, 119, 175, 0.08);
}

/* Wariant pomocniczy */
.ne-tax-badge--secondary {
    padding: 6px 11px;
    color: var(--ne-body);
    background: var(--ne-bg-soft);
    border: 1px solid var(--ne-border);
}

/* Wariant trzeci — subtelny niebieski */
.ne-tax-badge--tertiary {
    padding: 6px 11px;
    color: var(--ne-primary-dk);
    background: #ffffff;
    border: 1px solid rgba(21, 119, 175, 0.18);
}

/* Prefixy w wariantach pomocniczych */
.ne-tax-badge--secondary::before,
.ne-tax-badge--tertiary::before {
    color: var(--ne-primary-dk);
    background: var(--ne-primary-bg);
}

/* Blogowe tagi — zachowują lekki charakter # */
.ne-tax-badge--post-tag {
    padding: 6px 11px;
    color: var(--ne-body);
    background: var(--ne-bg-soft);
    border: 1px solid var(--ne-border);
    box-shadow: none;
}

.ne-tax-badge--post-tag::before {
    content: "#";
    min-height: auto;
    padding: 0;
    border-radius: 0;
    color: var(--ne-faint);
    background: transparent;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-transform: none;
    letter-spacing: 0;
}

/* Opcja: [taksonomie_tresci pokaz_prefixy="false"] */
.ne-tax-box--bez-prefixow .ne-tax-badge {
    padding-inline: 12px;
}

.ne-tax-box--bez-prefixow .ne-tax-badge::before {
    display: none;
}

/* Hover/focus — bez transform */
.ne-tax-badge--primary:hover,
.ne-tax-badge--primary:focus-visible {
    color: var(--ne-primary-dk);
    background: #ffffff;
    border-color: rgba(21, 119, 175, 0.38);
    box-shadow: 0 4px 16px rgba(21, 119, 175, 0.14);
    text-decoration: none;
}

.ne-tax-badge--secondary:hover,
.ne-tax-badge--secondary:focus-visible,
.ne-tax-badge--tertiary:hover,
.ne-tax-badge--tertiary:focus-visible {
    color: var(--ne-head);
    background: #ffffff;
    border-color: var(--ne-border-md);
    box-shadow: var(--ne-shadow-xs);
    text-decoration: none;
}

.ne-tax-badge:focus-visible {
    outline: none;
    box-shadow:
        0 0 0 3px rgba(21, 119, 175, 0.12),
        var(--ne-shadow-xs);
}

/* Empty state */
.ne-tax-empty {
    padding: 16px 18px;
    border: 1px dashed rgba(21, 119, 175, 0.28);
    border-radius: var(--ne-radius-lg);
    color: var(--ne-primary-dk);
    background: var(--ne-primary-bg);
    font-family: var(--ne-font-body);
    font-size: 14px;
    font-weight: 650;
}

/* Mobile */
@media (max-width: 760px) {
    .ne-tax-section {
        padding: 14px;
        border-radius: 16px;
    }

    .ne-tax-list {
        gap: 7px;
    }

    .ne-tax-badge {
        font-size: 12.5px;
        min-height: 30px;
    }

    .ne-tax-badge::before {
        font-size: 9.5px;
        padding-inline: 7px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b04f351 */.reading-time {
    
    font-family: "Para", Sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: lowercase !important;
    color: var(--e-global-color-text);
    
}/* End custom CSS */
/* Start custom CSS for share-buttons, class: .elementor-element-3557e50 *//* =========================================================
   WSPÓLNE ZMIENNE — WSZYSTKIE WPISY
========================================================= */

body.single-post {
  --ne-blue: #1577AF;
  --ne-icon-muted: #64748B;
  --ne-border: #e2e8f0;
  --ne-bg: #f8fafc;
}


/* =========================================================
   PRZYCISKI UDOSTĘPNIANIA — Elementor Share Buttons
   Obsługuje klasy: .udostepnij oraz .ne-share-buttons
========================================================= */

/* Kontener ikon */
body.single-post .elementor-widget-share-buttons:is(.udostepnij, .ne-share-buttons) .elementor-grid {
  gap: 12px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

/* Pojedynczy przycisk */
body.single-post .elementor-widget-share-buttons:is(.udostepnij, .ne-share-buttons) .elementor-share-btn {
  background-color: var(--ne-bg) !important;
  background-image: none !important;
  border: 1px solid var(--ne-border) !important;
  border-radius: 12px !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  cursor: pointer !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Kontener ikony */
body.single-post .elementor-widget-share-buttons:is(.udostepnij, .ne-share-buttons) .elementor-share-btn__icon {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--ne-blue) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* SVG ikon */
body.single-post .elementor-widget-share-buttons:is(.udostepnij, .ne-share-buttons) .elementor-share-btn__icon svg {
  width: 20px !important;
  height: 20px !important;
  color: var(--ne-blue) !important;
  fill: currentColor !important;
  transition: all 0.3s ease !important;
}



/* Hover */
body.single-post .elementor-widget-share-buttons:is(.udostepnij, .ne-share-buttons) .elementor-share-btn:hover {
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: var(--ne-blue) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 15px -3px rgba(21, 119, 175, 0.15) !important;
}

body.single-post .elementor-widget-share-buttons:is(.udostepnij, .ne-share-buttons) .elementor-share-btn:hover .elementor-share-btn__icon svg {
  color: var(--ne-blue) !important;
  fill: currentColor !important;
  transform: scale(1.1) !important;
}

/* Ukrycie tekstu w przyciskach */
body.single-post .elementor-widget-share-buttons:is(.udostepnij, .ne-share-buttons) .elementor-share-btn__title {
  display: none !important;
}


/* =========================================================
   IKONA DRUKARKI — Elementor Share Button Print
========================================================= */

body.single-post .elementor-widget-share-buttons:is(.udostepnij, .ne-share-buttons) .elementor-share-btn_print .elementor-share-btn__icon svg {
  display: none !important;
}

body.single-post .elementor-widget-share-buttons:is(.udostepnij, .ne-share-buttons) .elementor-share-btn_print .elementor-share-btn__icon::before {
  content: "" !important;
  display: block !important;

  width: 18px !important;
  height: 18px !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231577AF' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 6 2 18 2 18 9'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M6 14h12v8H6z'/%3E%3C/svg%3E") !important;

  transition: all 0.3s ease !important;
}

body.single-post .elementor-widget-share-buttons:is(.udostepnij, .ne-share-buttons) .elementor-share-btn_print:hover .elementor-share-btn__icon::before {
  transform: scale(1.1) !important;
}


/* =========================================================
   PRZYCISK DRUKU — neuro-print-card
========================================================= */

body.single-post .ency-left .elementor-widget-shortcode {
  margin-top: 8px;
  padding: 0 !important;
}

body.single-post .ency-left .elementor-widget-shortcode .elementor-shortcode {
  line-height: 0;
  font-size: 0;
}

body.single-post .neuro-print-card {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 14px;
  box-sizing: border-box;
  background: rgba(248, 252, 254, 0.5);
  border: 1px solid rgba(21, 119, 175, 0.18);
  border-radius: 14px;
  font-family: "Para", sans-serif;
  font-size: 0.82rem;
  font-weight: 500;
  color: #64748B;
  line-height: 1.3;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  transition: border-color 0.2s ease, background 0.2s ease;
}

body.single-post .neuro-print-card:hover {
  background: rgba(234, 244, 250, 0.55) !important;
  border-color: rgba(21, 119, 175, 0.35) !important;
}

body.single-post .neuro-print-card:active {
  transform: scale(0.98) !important;
}

body.single-post .neuro-print-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  color: #94A3B8;
  transition: color 0.2s ease;
}

body.single-post .neuro-print-card__icon svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

body.single-post .neuro-print-card__title {
  color: #3D3D3D;
}

@media (max-width: 1024px) {
  body.single-post .ency-left .elementor-widget-shortcode {
    margin-top: 6px;
  }

  body.single-post .neuro-print-card {
    border-radius: 12px;
    padding: 9px 13px;
  }
}


/* =========================================================
   DRUK — WSZYSTKIE WPISY
========================================================= */

@media print {

  @page {
    size: A4 portrait;
    margin: 20mm 18mm 22mm 18mm;
  }

  html,
  body {
    font-family: "Para", Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 11pt !important;
    line-height: 1.68 !important;
    color: #0f172a !important;
    background: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  * {
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  
  
   /* ===== USUŃ WSZYSTKIE TŁA ===== */
 /* NOWY — dodaj ::before i ::after */
*, *::before, *::after {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}


  /* =========================================================
     DRUK — UKRYCIE HEADERA, MENU, MOBILE MENU, STICKY MENU
  ========================================================= */

  body.single-post #wpadminbar,
  body.single-post header,
  body.single-post nav,
  body.single-post [role="navigation"],
  body.single-post .site-header,
  body.single-post #masthead,
  body.single-post .elementor-location-header,
  body.single-post [data-elementor-type="header"],
  body.single-post .elementor-nav-menu,
  body.single-post .elementor-nav-menu--main,
  body.single-post .elementor-nav-menu--dropdown,
  body.single-post .elementor-menu-toggle,
  body.single-post .elementor-menu-cart__container,
  body.single-post .elementor-sticky,
  body.single-post .elementor-sticky--active,
  body.single-post .e-sticky,
  body.single-post .sticky,
  body.single-post .sticky-header,
  body.single-post .mobile-menu,
  body.single-post .mobile-navigation,
  body.single-post .mobile-nav,
  body.single-post .offcanvas,
  body.single-post .off-canvas,
  body.single-post .drawer,
  body.single-post .menu-mobile,
  body.single-post .main-menu,
  body.single-post .primary-menu,
  body.single-post .navigation,
  body.single-post .site-navigation {
    display: none !important;
    visibility: hidden !important;
  }


  /* =========================================================
     DRUK — UKRYCIE FLUENT CART
  ========================================================= */

  body.single-post .fct-cart-drawer-container,
  body.single-post .fct-cart-drawer-open-btn,
  body.single-post .fct-checkout-modal-container,
  body.single-post .fct-cart-drawer,
  body.single-post .fct-cart,
  body.single-post .fct-mini-cart,
  body.single-post .fluent-cart,
  body.single-post [class*="fct-cart"],
  body.single-post [class*="fct-checkout"],
  body.single-post [id*="fct-cart"],
  body.single-post [id*="fct-checkout"] {
    display: none !important;
    visibility: hidden !important;
  }


  /* =========================================================
     DRUK — UKRYCIE ELEMENTÓW, KTÓRE NIE MAJĄ SIĘ DRUKOWAĆ
  ========================================================= */

  body.single-post .udostepnij,
  body.single-post .udostępnij,
  body.single-post .elementor-widget-share-buttons,
  body.single-post .sharedaddy,
  body.single-post [class*="addtoany"],
  body.single-post [class*="social-share"],
  body.single-post .neuro-print-card,
  body.single-post .ency-left .elementor-widget-shortcode,
  .zdj-wyr,body.single-post .elementor-location-footer,
body.single-post [data-elementor-type="footer"],
body.single-post footer,
body.single-post .site-footer,
body.single-post #colophon,
body.single-post [class*="footer"],
  body.single-post .ostatnie-wpisy,
  body.single-post .ostatnie-wpisy *,
  body.single-post .elementor-widget-loop-carousel,
  body.single-post .elementor-widget-loop-grid,
  body.single-post .elementor-pagination,
  body.single-post .komentarz,
  body.single-post .komentarze,
  body.single-post #comments,
  body.single-post .comments-area,
  body.single-post .comment-respond,
  body.single-post .wp-block-comments,
  body.single-post .elementor-widget-post-comments,
  body.single-post .post-navigation,
  body.single-post .nav-links,
  body.single-post .elementor-popup-modal,
  body.single-post .elementor-lightbox,
  body.single-post [data-elementor-type="popup"],
  body.single-post [class*="cookie-"],
  body.single-post [id*="cookie-"],
  body.single-post #elementor-editor-toolbar {
    display: none !important;
    visibility: hidden !important;
  }


  /* Dodatkowe zabezpieczenie przed drukowaniem sticky/fixed elementów */
  body.single-post [style*="position: sticky"],
  body.single-post [style*="position:sticky"],
  body.single-post [style*="position: fixed"],
  body.single-post [style*="position:fixed"] {
    display: none !important;
    visibility: hidden !important;
    position: static !important;
    top: auto !important;
  }


  /* =========================================================
     DRUK — RESET LAYOUTU
  ========================================================= */

  body.single-post #page,
  body.single-post #content,
  body.single-post .site-content,
  body.single-post main,
  body.single-post [data-elementor-type="single-post"],
  body.single-post .blog-post-article,
  body.single-post .hero-main-con,
  body.single-post .ency-layout,
  body.single-post .ency-main {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.single-post .hero-main-con > .e-con-inner,
  body.single-post .ency-layout > .e-con-inner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.single-post .ency-left,
  body.single-post .ency-right,
  body.single-post .ency-right__sticky {
    display: none !important;
  }


  /* =========================================================
     DRUK — HERO WPISU
  ========================================================= */

  body.single-post .hero-main-con {
    border-bottom: 2px solid #1577af !important;
    padding-bottom: 14pt !important;
    margin-bottom: 18pt !important;
    background: transparent !important;
    page-break-inside: avoid !important;
  }

  body.single-post .hero-main-con .elementor-widget-theme-post-title .elementor-heading-title {
    font-family: "Title", Merriweather, Georgia, serif !important;
    font-size: 22pt !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    color: #0f172a !important;
    margin: 0 0 8pt 0 !important;
  }

  body.single-post .hero-main-con .elementor-widget-theme-post-excerpt {
    font-size: 10.5pt !important;
    line-height: 1.55 !important;
    color: #475569 !important;
    margin-bottom: 8pt !important;
  }

  body.single-post .hero-main-con .elementor-widget-heading:not(.elementor-widget-theme-post-title) .elementor-heading-title,
  body.single-post .hero-main-con .reading-time {
    font-size: 9pt !important;
    font-weight: 500 !important;
    color: #64748b !important;
  }

  body.single-post .hero-main-con .elementor-widget-html {
    display: none !important;
  }

  body.single-post .hero-main-con .elementor-widget-theme-post-featured-image img {
    max-width: 100% !important;
    max-height: 70mm !important;
    height: auto !important;
    object-fit: contain !important;
    page-break-inside: avoid !important;
  }


  /* =========================================================
     DRUK — TREŚĆ WPISU
  ========================================================= */

  body.single-post .zawartosc,
  body.single-post .zawartosc .elementor-widget-container,
  body.single-post .elementor-widget-theme-post-content {
    font-size: 11pt !important;
    line-height: 1.72 !important;
    color: #0f172a !important;
  }

  body.single-post .zawartosc h2,
  body.single-post .elementor-widget-theme-post-content h2 {
    font-family: "Title", Merriweather, Georgia, serif !important;
    font-size: 15pt !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.35 !important;
    margin-top: 20pt !important;
    margin-bottom: 7pt !important;
    padding-bottom: 4pt !important;
    border-bottom: 1pt solid #e2e8f0 !important;
    page-break-after: avoid !important;
  }

  body.single-post .zawartosc h3,
  body.single-post .elementor-widget-theme-post-content h3 {
    font-family: "Title", Merriweather, Georgia, serif !important;
    font-size: 12.5pt !important;
    font-weight: 700 !important;
    color: #1577af !important;
    line-height: 1.4 !important;
    margin-top: 16pt !important;
    margin-bottom: 6pt !important;
    page-break-after: avoid !important;
  }

  body.single-post .zawartosc h4,
  body.single-post .elementor-widget-theme-post-content h4 {
    font-family: "Title", Merriweather, Georgia, serif !important;
    font-size: 11.5pt !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin-top: 14pt !important;
    margin-bottom: 6pt !important;
    page-break-after: avoid !important;
  }

  body.single-post .zawartosc p,
  body.single-post .elementor-widget-theme-post-content p {
    margin: 0 0 9pt 0 !important;
    orphans: 3 !important;
    widows: 3 !important;
  }

  body.single-post .zawartosc ul,
  body.single-post .zawartosc ol,
  body.single-post .elementor-widget-theme-post-content ul,
  body.single-post .elementor-widget-theme-post-content ol {
    margin-left: 16pt !important;
    margin-bottom: 9pt !important;
  }

  body.single-post .zawartosc li,
  body.single-post .elementor-widget-theme-post-content li {
    margin-bottom: 3pt !important;
    orphans: 3 !important;
    widows: 3 !important;
  }

  body.single-post .zawartosc blockquote,
  body.single-post .elementor-widget-theme-post-content blockquote {
    border-left: 3pt solid #1577af !important;
    padding: 6pt 10pt !important;
    margin: 12pt 0 !important;
    font-style: italic !important;
    background: transparent !important;
    page-break-inside: avoid !important;
  }

  body.single-post .zawartosc img,
  body.single-post .elementor-widget-theme-post-content img {
    max-width: 100% !important;
    height: auto !important;
    page-break-inside: avoid !important;
  }

  body.single-post .zawartosc table,
  body.single-post .elementor-widget-theme-post-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 10pt !important;
    page-break-inside: avoid !important;
  }

  body.single-post .zawartosc thead,
  body.single-post .elementor-widget-theme-post-content thead {
    display: table-header-group !important;
  }

  body.single-post .zawartosc tbody tr,
  body.single-post .elementor-widget-theme-post-content tbody tr {
    page-break-inside: avoid !important;
  }

  body.single-post .zawartosc th,
  body.single-post .zawartosc td,
  body.single-post .elementor-widget-theme-post-content th,
  body.single-post .elementor-widget-theme-post-content td {
    border: 1pt solid #cbd5e1 !important;
    padding: 5pt 7pt !important;
    vertical-align: top !important;
  }

  body.single-post .zawartosc th,
  body.single-post .elementor-widget-theme-post-content th {
    font-weight: 700 !important;
    background: #eaf4fa !important;
  }

  body.single-post .zawartosc a,
  body.single-post .elementor-widget-theme-post-content a {
    color: #1577af !important;
    text-decoration: underline !important;
  }

  body.single-post .zawartosc a[href^="/"]::after,
  body.single-post .zawartosc a[href^="#"]::after,
  body.single-post .elementor-widget-theme-post-content a[href^="/"]::after,
  body.single-post .elementor-widget-theme-post-content a[href^="#"]::after {
    content: none !important;
  }


  /* =========================================================
     DRUK — BIBLIOGRAFIA / ŹRÓDŁA
  ========================================================= */

  body.single-post .bibliografia {
    border-top: 1.5pt solid #e2e8f0 !important;
    padding-top: 14pt !important;
    margin-top: 24pt !important;
    page-break-inside: avoid !important;
  }

  body.single-post .bibliografia .e-n-accordion-item-title,
  body.single-post .bibliografia summary {
    font-family: "Title", Merriweather, Georgia, serif !important;
    font-size: 12.5pt !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 7pt !important;
    list-style: none !important;
    page-break-after: avoid !important;
  }

  body.single-post .bibliografia .e-n-accordion-item-title-icon {
    display: none !important;
  }

  body.single-post .bibliografia .e-n-accordion-item-body,
  body.single-post .bibliografia [class*="accordion-item-body"],
  body.single-post .bibliografia details > *:not(summary) {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.single-post .bibliografia p,
  body.single-post .bibliografia li {
    font-size: 9pt !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    margin-bottom: 5pt !important;
  }

  body.single-post .bibliografia a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 7pt !important;
    color: #64748b !important;
    word-break: break-all !important;
    font-style: italic !important;
  }

  body.single-post .bibliografia a[href^="/"]::after,
  body.single-post .bibliografia a[href^="#"]::after {
    content: none !important;
  }


  /* =========================================================
     DRUK — ZASADY ŁAMANIA STRON
  ========================================================= */

  body.single-post h1,
  body.single-post h2,
  body.single-post h3,
  body.single-post h4 {
    page-break-after: avoid !important;
    page-break-inside: avoid !important;
  }

  body.single-post p,
  body.single-post li {
    orphans: 3 !important;
    widows: 3 !important;
  }

  body.single-post figure,
  body.single-post table,
  body.single-post blockquote {
    page-break-inside: avoid !important;
  }
}




  /* --- RESET I KONTENER GŁÓWNY --- */
  /* Celujemy z bardzo wysoką specyficznością (body + elementor-widget) oraz w konkretne ID Twojego widgetu ze zrzutu */
  body .elementor-widget.elementor-widget-share-buttons.ne-share-buttons .elementor-grid,
  .elementor-grid {
    gap: 12px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
  }

  /* --- STYL POJEDYNCZEGO PRZYCISKU --- */
  body .elementor-widget.elementor-widget-share-buttons.ne-share-buttons .elementor-share-btn,
 .elementor-share-btn {
    background: #f8fafc !important;
    background-color: #f8fafc !important; 
    background-image: none !important; 
    border: 1px solid #e2e8f0 !important; 
    border-radius: 12px !important; 
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    padding: 0 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
  }

  /* --- STYL IKONY (KONTENER) --- */
  body .elementor-widget.elementor-widget-share-buttons.ne-share-buttons .elementor-share-btn__icon,
 .elementor-share-btn__icon {
    background: transparent !important;
    background-color: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* --- STYL SAMEGO SVG --- */
  body .elementor-widget.elementor-widget-share-buttons.ne-share-buttons .elementor-share-btn__icon svg,
  body .elementor-widget.elementor-widget-share-buttons.ne-share-buttons .elementor-share-btn__icon svg path,
 .elementor-share-btn__icon svg,
 .elementor-share-btn__icon svg path {
    width: 20px !important;
    height: 20px !important;
    fill: #1577AF !important; 
    color: #64748b !important;
    transition: all 0.3s ease !important;
  }

  /* --- EFEKTY PO NAJECHANIU (HOVER) --- */
  body .elementor-widget.elementor-widget-share-buttons.ne-share-buttons .elementor-share-btn:hover,
  .elementor-share-btn:hover {
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #1577AF !important; 
    transform: translateY(-3px) !important; 
    box-shadow: 0 8px 15px -3px rgba(21, 119, 175, 0.15) !important; 
  }

  body .elementor-widget.elementor-widget-share-buttons.ne-share-buttons .elementor-share-btn:hover .elementor-share-btn__icon svg,
  body .elementor-widget.elementor-widget-share-buttons.ne-share-buttons .elementor-share-btn:hover .elementor-share-btn__icon svg path,
 .elementor-share-btn:hover .elementor-share-btn__icon svg,
  .elementor-share-btn:hover .elementor-share-btn__icon svg path {
    fill: #1577af !important;
    color: #1577af !important;
    transform: scale(1.1) !important;
  }

  /* Ukrywanie tekstu "Udostępnij" itp. */
  body .elementor-widget.elementor-widget-share-buttons.ne-share-buttons .elementor-share-btn__title,
   .elementor-share-btn__title {
    display: none !important;
  }
  
  
  /* --- PODMIANA IKONY DRUKOWANIA — DRUKARKA OUTLINE 16x16 --- */

body .elementor-widget.elementor-widget-share-buttons.ne-share-buttons .elementor-share-btn_print .elementor-share-btn__icon svg,
.elementor-share-btn_print .elementor-share-btn__icon svg {
  display: none !important;
}

body .elementor-widget.elementor-widget-share-buttons.ne-share-buttons .elementor-share-btn_print .elementor-share-btn__icon::before,
.elementor-share-btn_print .elementor-share-btn__icon::before {
  content: "" !important;
  display: block !important;

  width: 22px !important;
  height: 22px !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231577AF' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 6 2 18 2 18 9'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M6 14h12v8H6z'/%3E%3C/svg%3E") !important;

  transition: all 0.3s ease !important;
}

body .elementor-widget.elementor-widget-share-buttons.ne-share-buttons .elementor-share-btn_print:hover .elementor-share-btn__icon::before,
.elementor-share-btn_print:hover .elementor-share-btn__icon::before {
  transform: scale(1.1) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9965123 *//* 1. Główny kontener z płynniejszym gradientem na dole */
.hero-main-con {
position: relative;
overflow: hidden;
background-color: #e8eef4 !important;

/* Czysty kod bez komentarzy w środku + wymuszenie !important */
background-image:
linear-gradient(to top, rgba(248, 250, 252, 1) 0%, rgba(248, 250, 252, 0.95) 15%, rgba(248, 250, 252, 0.85) 30%, rgba(248, 250, 252, 0.4) 75%, rgba(248, 250, 252, 0.1) 95%, rgba(248, 250, 252, 0) 100%),
radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.68) 1px, transparent 0) !important;

background-size: 100% 650px, 40px 40px !important;
background-position: bottom left, top left !important;
background-repeat: no-repeat, repeat !important;
}

/* 2. Jasnoniebieska, rozmyta poświata w prawym górnym rogu */
.hero-main-con::before {
content: "";
position: absolute;
top: -150px;
right: -150px;
width: 400px;
height: 400px;
background-color: #4fb4ee;
border-radius: 50%;
filter: blur(80px);
opacity: 0.15;
pointer-events: none;
z-index: 0;
}

/* 3. Subtelna, biała poświata z lewej strony */
.hero-main-con::after {
content: "";
position: absolute;
top: 150px;
left: -100px;
width: 300px;
height: 300px;
background-color: #ffffff;
border-radius: 50%;
filter: blur(80px);
opacity: 0.1;
pointer-events: none;
z-index: 0;
}

/* 4. Bezpieczeństwo warstw (Z-index) */
.hero-main-con > * {
position: relative;
z-index: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fc5ffc5 *//* =========================================================
   NEUROEXPERT — UKŁAD 2 KOLUMN Z CHOWANYM PRAWYM BOKIEM
   Klasy:
   .ency-layout  — kontener główny 2 kolumn
   .ency-main    — środkowa kolumna
   .ency-right   — prawa kolumna
========================================================= */

.ency-layout {
  --ency-max-width: 1400px;

  --ency-right-width: 300px;

  --ency-gap: 45px;
  --ency-gap-half: 4px;

  --ency-toggle-outside-offset: 12px;
  --ency-toggle-viewport-padding: 8px;

  --ency-toggle-size: 32px;
  --ency-toggle-top: 15px;
  --ency-toggle-sticky-top: 140px;

  --ency-toggle-hidden-offset: 8px;

  --ency-toggle-safe-space: 44px;

  --ency-reader-expanded-max: 1240px;

  --ency-sidebar-transition: 420ms cubic-bezier(0.22, 1, 0.36, 1);

  position: relative;
  
  /* Wymuszamy, by główny kontener nie ucinał niczego poza obrys */
  overflow: visible !important; 

  width: min(100%, var(--ency-max-width)) !important;
  max-width: var(--ency-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

/* Odblokowanie overflow dla wewnętrznych kontenerów Elementora. 
  Zabezpieczenie przed ucinaniem przy "sticky", ale celowo 
  POMIJAMY .ency-right, by mógł mieć własnego scrolla.
*/
.ency-layout.e-con,
.ency-layout.e-con.e-con-boxed,
.ency-layout.e-con.e-con-boxed > .e-con-inner,
.ency-layout.elementor-section,
.ency-layout.elementor-section > .elementor-container {
  overflow: visible !important;
}

.ency-layout *,
.ency-layout *::before,
.ency-layout *::after {
  box-sizing: border-box;
}

/* Elementor boxed — główny wrapper ma 100%, siatka siedzi w .e-con-inner */
.ency-layout.e-con.e-con-boxed {
  width: 100% !important;
  max-width: none !important;
}

.ency-layout.e-con.e-con-boxed > .e-con-inner {
  width: min(100%, var(--ency-max-width)) !important;
  max-width: var(--ency-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* =========================================================
   SIATKA 2 KOLUMN
========================================================= */

/* Elementor Container — full */
.ency-layout.e-con.e-con-full {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--ency-right-width);
  gap: var(--ency-gap);
  align-items: start;
}

/* Elementor Container — boxed */
.ency-layout.e-con.e-con-boxed > .e-con-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--ency-right-width);
  gap: var(--ency-gap);
  align-items: start;
}

/* Stare sekcje Elementora */
.ency-layout.elementor-section > .elementor-container {
  width: min(100%, var(--ency-max-width)) !important;
  max-width: var(--ency-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--ency-right-width);
  gap: var(--ency-gap);
  align-items: start;
}

/* Fallback dla zwykłego kontenera */
.ency-layout:not(.e-con):not(.elementor-section) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--ency-right-width);
  gap: var(--ency-gap);
  align-items: start;
}

/* Tranzycje dla płynnej animacji rozwijania */
.ency-layout.e-con.e-con-full,
.ency-layout.e-con.e-con-boxed > .e-con-inner,
.ency-layout.elementor-section > .elementor-container,
.ency-layout:not(.e-con):not(.elementor-section) {
  transition:
    grid-template-columns var(--ency-sidebar-transition),
    gap var(--ency-sidebar-transition),
    padding-left var(--ency-sidebar-transition),
    padding-right var(--ency-sidebar-transition);
}

/* =========================================================
   KOLUMNY
========================================================= */

.ency-layout .ency-main,
.ency-layout .ency-right {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: initial !important;
  flex-basis: auto !important;
  
  transition:
    opacity 260ms ease,
    transform var(--ency-sidebar-transition),
    visibility 260ms ease;
}

.ency-layout .ency-main {
  min-width: 0 !important;
}

/* Stare kolumny Elementora */
.ency-layout.elementor-section > .elementor-container > .elementor-column {
  width: auto !important;
}

/* =========================================================
   STANY: UKRYTA PRAWA KOLUMNA
========================================================= */

/* Ukryta prawa kolumna */
.ency-layout.e-con.e-con-full.is-right-hidden,
.ency-layout:not(.e-con):not(.elementor-section).is-right-hidden {
  grid-template-columns: minmax(0, 1fr) 0px !important;
  gap: 0 !important;
  padding-right: var(--ency-toggle-safe-space) !important;
}

.ency-layout.e-con.e-con-boxed.is-right-hidden > .e-con-inner,
.ency-layout.elementor-section.is-right-hidden > .elementor-container {
  grid-template-columns: minmax(0, 1fr) 0px !important;
  gap: 0 !important;
  padding-right: var(--ency-toggle-safe-space) !important;
}

.ency-layout.is-right-hidden .ency-right {
  opacity: 0;
  visibility: hidden;
  transform: translateX(14px);
  display: block !important;
  overflow: hidden !important;
  pointer-events: none;
}

/* Reset marginesów w normalnym stanie */
.ency-layout:not(.is-right-hidden) .ency-right {
  margin-right: 0;
}

/* =========================================================
   STRZAŁKA I TOOLTIP — mały kwadracik na zewnątrz prawej kolumny
========================================================= */

.ency-layout {
  --ency-toggle-size: 26px;
  --ency-toggle-height: 24px;
  --ency-toggle-top: 14px;

  --ency-toggle-outside-offset: 10px;
  --ency-toggle-hidden-offset: 7px;

  /* Safe-space musi pomieścić button + offset + zapas od głównej kolumny */
  --ency-toggle-safe-space: 40px;
}

.ency-edge-toggle {
  appearance: none !important;
  -webkit-appearance: none !important;

  position: absolute;
  top: var(--ency-toggle-top);
  left: 0;
  right: auto;
  z-index: 50;

  width: var(--ency-toggle-size) !important;
  min-width: var(--ency-toggle-size) !important;
  max-width: var(--ency-toggle-size) !important;

  height: var(--ency-toggle-height) !important;
  min-height: var(--ency-toggle-height) !important;
  max-height: var(--ency-toggle-height) !important;

  padding: 0 !important;
  margin: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 6px !important;
  border: 1px solid rgba(21, 119, 175, 0.25) !important;

  background: rgba(21, 119, 175, 0.08) !important;
  color: #1577AF !important;

  font-family: "Title", sans-serif !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-align: center !important;

  cursor: pointer;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);

  /* Domyślnie BEZ transition na "left" — żeby przy scrollu nie ciągnęło się za viewportem */
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.15s ease;
}

/* Płynne przesunięcie TYLKO po kliknięciu (dodawane na 460ms z JS) */
.ency-edge-toggle.is-animating {
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.15s ease,
    left 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

.ency-edge-toggle:hover {
  background: #1577AF !important;
  color: #ffffff !important;
  border-color: #1577AF !important;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.15);
}

.ency-edge-toggle:active {
  transform: scale(0.94);
}

.ency-edge-toggle:focus-visible {
  outline: 2px solid rgba(137, 197, 232, 0.7);
  outline-offset: 2px;
}

.ency-edge-toggle.is-fixed {
  position: fixed !important;
  top: var(--ency-toggle-sticky-top, 120px) !important;
  right: auto !important;
  z-index: 9999;
}

/* Tooltip pod przyciskiem (bo z boku mogą wychodzić poza layout) */
.ency-edge-toggle::after {
  content: attr(data-tooltip);
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%) translateY(-2px);

  padding: 5px 8px;
  border-radius: 6px;
  background: #0F172A;
  color: #ffffff;
  font-family: "Para", sans-serif;
  font-size: 11px;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition:
    opacity 0.2s ease,
    visibility 0.2s ease,
    transform 0.2s ease;
}

.ency-edge-toggle:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

/* =========================================================
   TABLET / MOBILE
========================================================= */

@media (max-width: 1024px) {
  .ency-layout.e-con.e-con-full,
  .ency-layout.e-con.e-con-boxed > .e-con-inner,
  .ency-layout.elementor-section > .elementor-container,
  .ency-layout:not(.e-con):not(.elementor-section) {
    display: block !important;
    transition: none !important;
  }

  .ency-edge-toggle {
    display: none !important;
  }

  .ency-layout.is-right-hidden .ency-right,
  .ency-layout .ency-main,
  .ency-layout .ency-right {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
  }

  .ency-layout.e-con.e-con-full.is-right-hidden,
  .ency-layout:not(.e-con):not(.elementor-section).is-right-hidden {
    padding-right: 0 !important;
  }

  .ency-layout.e-con.e-con-boxed.is-right-hidden > .e-con-inner,
  .ency-layout.elementor-section.is-right-hidden > .elementor-container {
    padding-right: 0 !important;
  }
}

/* =========================================================
   PRAWA KOLUMNA — komórka grid + wewnętrzny sticky scroller
========================================================= */

/* Komórka siatki — wypełnia całą wysokość sekcji.
   To ona wyznacza, do jakiego momentu sticky się "lepi". */
.ency-layout .ency-right {
  align-self: stretch !important;
  min-width: 0 !important;
  /* WAŻNE: tu NIE dajemy overflow ani max-height. */
  position: relative;
}

/* Wewnętrzny element — to on jest sticky i ma własny scroll */
.ency-layout .ency-right > .ency-right__sticky {
  position: -webkit-sticky;
  position: sticky;
  top: var(--ency-toggle-sticky-top, 120px);

  /* Wysokość = od top do dołu viewport z marginesem */
  max-height: calc(100vh - var(--ency-toggle-sticky-top, 120px) - 20px);

  /* Tu działa scroll w prawej kolumnie po hoverze */
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  overscroll-behavior-y: contain;

  /* Pasek (Firefox) */
  scrollbar-width: thin;
  scrollbar-color: rgba(21, 119, 175, 0.35) transparent;

  /* Drobny padding by treść nie kleiła się do scrollbara */
  padding-right: 6px;
}

/* Pasek (Chrome/Safari/Edge) */
.ency-layout .ency-right > .ency-right__sticky::-webkit-scrollbar {
  width: 5px;
}
.ency-layout .ency-right > .ency-right__sticky::-webkit-scrollbar-track {
  background: transparent;
}
.ency-layout .ency-right > .ency-right__sticky::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 10px;
}
.ency-layout .ency-right > .ency-right__sticky::-webkit-scrollbar-thumb:hover {
  background-color: #94a3b8;
}

/* Gdy prawa kolumna zwinięta — wyłącz sticky i scroll */
.ency-layout.is-right-hidden .ency-right > .ency-right__sticky {
  position: static !important;
  max-height: none !important;
  overflow: hidden !important;
}

/* Mobile / tablet — sticky off */
@media (max-width: 1024px) {
  .ency-layout .ency-right {
    align-self: auto !important;
  }
  .ency-layout .ency-right > .ency-right__sticky {
    position: relative !important;
    top: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-ec077f2 *//* =========================================================
   ZAWARTOŚĆ WPISU EDUKACYJNEGO / ENCYKLOPEDIA WIEDZY
   Klasa główna: .zawartosc
   Font nagłówków: "Title"
   Font treści: "Para"
========================================================= */

.zawartosc {
  --zw-text: #1f2933;
  --zw-muted: #5f6c7b;
  --zw-heading: #111827;
  --zw-accent: #2563eb;
  --zw-accent-soft: #eff6ff;
  --zw-border: #e5e7eb;
  --zw-bg-soft: #f8fafc;
  --zw-code-bg: #f3f4f6;

  max-width: 860px;
  margin-inline: auto;

  font-family: "Para", sans-serif;
  font-size: clamp(17px, 1.05vw, 19px);
  
  line-height: 1.78;
  color: var(--zw-text);

  word-break: normal;
  overflow-wrap: break-word;
  hyphens: auto;
}

/* Podstawowe odstępy między elementami */

.zawartosc > *:first-child {
  margin-top: 0;
}

.zawartosc > *:last-child {
  margin-bottom: 0;
}

.zawartosc p,
.zawartosc ul,
.zawartosc ol,
.zawartosc blockquote,
.zawartosc table,
.zawartosc figure,
.zawartosc pre {
  margin-top: 0;
  margin-bottom: 1.35em;
}

/* Akapity */

.zawartosc p {
  font-family: "Para", sans-serif;
  font-weight: 300;
  letter-spacing: 0.005em;
}

.zawartosc p + p {
  margin-top: -0.25em;
}

/* Linki */

.zawartosc a {
  color: var(--zw-accent);
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 4px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.zawartosc a:hover {
  color: #1d4ed8;
  text-decoration-color: transparent;
}

/* Nagłówki */

.zawartosc h1,
.zawartosc h2,
.zawartosc h3,
.zawartosc h4,
.zawartosc h5,
.zawartosc h6 {
  font-family: "Title", sans-serif;
  color: var(--zw-heading);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.025em;
  margin-top: 2.25em;
  margin-bottom: 0.75em;
  scroll-margin-top: 120px;
}

.zawartosc h1 {
  font-size: clamp(34px, 4vw, 52px);
  margin-top: 0;
  margin-bottom: 0.85em;
}

.zawartosc h2 {
  font-size: clamp(28px, 3vw, 40px);
  padding-bottom: 0.35em;
  border-bottom: 1px solid var(--zw-border);
}

.zawartosc h3 {
  font-size: clamp(23px, 2.2vw, 31px);
}

.zawartosc h4 {
  font-size: clamp(20px, 1.7vw, 25px);
}

.zawartosc h5 {
  font-size: clamp(18px, 1.4vw, 21px);
}

.zawartosc h6 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--zw-muted);
}

/* Lepsze odstępy po nagłówkach */

.zawartosc h2 + p,
.zawartosc h3 + p,
.zawartosc h4 + p {
  margin-top: 0;
}

.zawartosc p + h2,
.zawartosc ul + h2,
.zawartosc ol + h2,
.zawartosc blockquote + h2,
.zawartosc figure + h2,
.zawartosc table + h2 {
  margin-top: 2.8em;
}

.zawartosc p + h3,
.zawartosc ul + h3,
.zawartosc ol + h3,
.zawartosc blockquote + h3,
.zawartosc figure + h3,
.zawartosc table + h3 {
  margin-top: 2.15em;
}

/* Listy punktowane i numerowane */

.zawartosc ul,
.zawartosc ol {
  padding-left: 1.35em;
}

.zawartosc li {
  padding-left: 0.35em;
  margin-bottom: 0.55em;
}

.zawartosc li:last-child {
  margin-bottom: 0;
}

.zawartosc ul li::marker {
  color: var(--zw-accent);
  font-size: 1.15em;
}

.zawartosc ol li::marker {
  color: var(--zw-accent);
  font-weight: 700;
  font-family: "Title", sans-serif;
}

.zawartosc li > ul,
.zawartosc li > ol {
  margin-top: 0.55em;
  margin-bottom: 0.75em;
}

/* Mocne wyróżnienia */

.zawartosc strong,
.zawartosc b {
  color: var(--zw-heading);
  font-weight: 700;
}

.zawartosc em {
  color: var(--zw-muted);
}

/* Cytaty i ważne bloki */

.zawartosc blockquote,
.zawartosc .wp-block-quote {
  position: relative;
  margin: 2em 0;
  padding: 1.35em 1.5em 1.35em 1.75em;
  background: var(--zw-accent-soft);
  border-left: 4px solid var(--zw-accent);
  border-radius: 0 14px 14px 0;
  color: var(--zw-heading);
}

.zawartosc blockquote p {
  margin-bottom: 0.85em;
  font-size: 1.05em;
  line-height: 1.7;
}

.zawartosc blockquote p:last-child {
  margin-bottom: 0;
}

.zawartosc blockquote cite {
  display: block;
  margin-top: 0.85em;
  color: var(--zw-muted);
  font-size: 0.92em;
  font-style: normal;
}

/* Obrazki i podpisy */

.zawartosc img {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
}

.zawartosc figure,
.zawartosc .wp-block-image {
  margin-top: 2em;
  margin-bottom: 2em;
}

.zawartosc figcaption,
.zawartosc .wp-element-caption {
  margin-top: 0.75em;
  color: var(--zw-muted);
  font-size: 0.9em;
  line-height: 1.55;
  text-align: center;
}

/* Tabele */

.zawartosc table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95em;
  line-height: 1.55;
  overflow: hidden;
  border-radius: 14px;
}

.zawartosc th,
.zawartosc td {
  padding: 0.85em 1em;
  border: 1px solid var(--zw-border);
  vertical-align: top;
}

.zawartosc th {
  background: var(--zw-bg-soft);
  color: var(--zw-heading);
  font-family: "Title", sans-serif;
  font-weight: 700;
  text-align: left;
}

.zawartosc tr:nth-child(even) td {
  background: #fafafa;
}

/* Kod, skróty techniczne, fragmenty komend */

.zawartosc code {
  padding: 0.15em 0.35em;
  background: var(--zw-code-bg);
  border-radius: 6px;
  color: #be123c;
  font-size: 0.92em;
}

.zawartosc pre {
  padding: 1.25em 1.4em;
  background: #111827;
  color: #f9fafb;
  border-radius: 16px;
  overflow-x: auto;
  line-height: 1.65;
  font-size: 0.92em;
}

.zawartosc pre code {
  padding: 0;
  background: transparent;
  color: inherit;
  border-radius: 0;
}

/* Separatory */

.zawartosc hr {
  border: 0;
  height: 1px;
  background: var(--zw-border);
  margin: 2.6em 0;
}

/* Elementy typu definicje / encyklopedia */

.zawartosc dl {
  margin: 1.5em 0;
}

.zawartosc dt {
  font-family: "Title", sans-serif;
  font-weight: 700;
  color: var(--zw-heading);
  margin-top: 1em;
}

.zawartosc dd {
  margin-left: 0;
  margin-bottom: 1em;
  color: var(--zw-text);
}

/* Wyróżniony box edukacyjny — można użyć w HTML jako class="info-box" */

.zawartosc .info-box {
  margin: 2em 0;
  padding: 1.35em 1.5em;
  background: var(--zw-bg-soft);
  border: 1px solid var(--zw-border);
  border-radius: 16px;
}

.zawartosc .info-box > *:first-child {
  margin-top: 0;
}

.zawartosc .info-box > *:last-child {
  margin-bottom: 0;
}

/* Responsywność */

@media (max-width: 767px) {
  .zawartosc {
    max-width: 100%;
    font-size: 16.5px;
    line-height: 1.72;
  }

  .zawartosc h1,
  .zawartosc h2,
  .zawartosc h3,
  .zawartosc h4,
  .zawartosc h5,
  .zawartosc h6 {
    letter-spacing: -0.018em;
    margin-top: 1.9em;
  }

  .zawartosc h2 {
    padding-bottom: 0.3em;
  }

  .zawartosc ul,
  .zawartosc ol {
    padding-left: 1.2em;
  }

  .zawartosc blockquote,
  .zawartosc .wp-block-quote {
    padding: 1.15em 1.15em 1.15em 1.35em;
    border-radius: 0 12px 12px 0;
  }

  .zawartosc th,
  .zawartosc td {
    padding: 0.75em 0.8em;
  }
}




/* =========================================================
   BRAND COLORS + POPRAWKA WYRÓWNANIA NAGŁÓWKÓW
   Dodać na końcu obecnego CSS
========================================================= */

.zawartosc {
  --zw-primary: #1577AF;
  --zw-primary-hover: #11618E;
  --zw-secondary: #0F172A;
  --zw-text: #475569;
  --zw-muted: #64748B;
  --zw-heading: #0F172A;
  --zw-accent: #89C5E8;
  --zw-accent-soft: #EAF4FA;
  --zw-bg-soft: #F8FAFC;
  --zw-border: #F1F5F9;

  --zw-success: #108981;
  --zw-success-soft: #ECFDF5;
  --zw-purple: #A855F7;
  --zw-purple-soft: #FAF5FF;
  --zw-danger: #EF4444;
  --zw-danger-soft: #FEF2F2;

  color: var(--zw-text);
  text-align: left;
}

/* Nagłówki bez justowania */

.zawartosc h1,
.zawartosc h2,
.zawartosc h3,
.zawartosc h4,
.zawartosc h5,
.zawartosc h6 {
  color: var(--zw-heading);
  text-align: left !important;
  text-align-last: left;
}

/* Główne nagłówki */

.zawartosc h2 {
  border-bottom: 1px solid var(--zw-border);
}

.zawartosc h2::after {
  content: "";
  display: block;
  width: 54px;
  height: 3px;
  margin-top: 0.45em;
  border-radius: 999px;
  background: var(--zw-primary);
}

.zawartosc h3 {
  color: var(--zw-secondary);
}

.zawartosc h4 {
  color: var(--zw-primary-hover);
}

.zawartosc h5 {
  color: var(--zw-secondary);
}

.zawartosc h6 {
  color: var(--zw-muted);
}

/* Linki */

.zawartosc a {
  color: var(--zw-primary);
  text-decoration-color: rgba(21, 119, 175, 0.35);
}

.zawartosc a:hover {
  color: var(--zw-primary-hover);
  text-decoration-color: transparent;
}

/* Punktatory */

.zawartosc ul li::marker {
  color: var(--zw-primary);
}

.zawartosc ol li::marker {
  color: var(--zw-primary);
}

/* Cytaty / wyróżnienia */

.zawartosc blockquote,
.zawartosc .wp-block-quote {
  background: var(--zw-accent-soft);
  border-left-color: var(--zw-primary);
  color: var(--zw-secondary);
}

/* Box informacyjny */

.zawartosc .info-box {
  background: var(--zw-bg-soft);
  border-color: var(--zw-border);
}

/* Opcjonalne boxy edukacyjne */

.zawartosc .box-wazne {
  margin: 2em 0;
  padding: 1.35em 1.5em;
  background: var(--zw-accent-soft);
  border: 1px solid rgba(137, 197, 232, 0.55);
  border-left: 4px solid var(--zw-primary);
  border-radius: 14px;
}

.zawartosc .box-sukces {
  margin: 2em 0;
  padding: 1.35em 1.5em;
  background: var(--zw-success-soft);
  border: 1px solid rgba(16, 137, 129, 0.18);
  border-left: 4px solid var(--zw-success);
  border-radius: 14px;
}

.zawartosc .box-uwaga {
  margin: 2em 0;
  padding: 1.35em 1.5em;
  background: var(--zw-danger-soft);
  border: 1px solid rgba(239, 68, 68, 0.18);
  border-left: 4px solid var(--zw-danger);
  border-radius: 14px;
}

.zawartosc .box-definicja {
  margin: 2em 0;
  padding: 1.35em 1.5em;
  background: var(--zw-purple-soft);
  border: 1px solid rgba(168, 85, 247, 0.18);
  border-left: 4px solid var(--zw-purple);
  border-radius: 14px;
}

/* Nagłówki wewnątrz boxów */

.zawartosc .info-box h2,
.zawartosc .info-box h3,
.zawartosc .info-box h4,
.zawartosc .box-wazne h2,
.zawartosc .box-wazne h3,
.zawartosc .box-wazne h4,
.zawartosc .box-sukces h2,
.zawartosc .box-sukces h3,
.zawartosc .box-sukces h4,
.zawartosc .box-uwaga h2,
.zawartosc .box-uwaga h3,
.zawartosc .box-uwaga h4,
.zawartosc .box-definicja h2,
.zawartosc .box-definicja h3,
.zawartosc .box-definicja h4 {
  margin-top: 0;
}

/* Tabele */

.zawartosc th {
  background: var(--zw-bg-soft);
  color: var(--zw-secondary);
}

.zawartosc th,
.zawartosc td {
  border-color: var(--zw-border);
}

.zawartosc tr:nth-child(even) td {
  background: var(--zw-bg-soft);
}

/* Kod */

.zawartosc code {
  background: var(--zw-bg-soft);
  color: var(--zw-primary-hover);
}

.zawartosc pre {
  background: var(--zw-secondary);
}

/* Separatory */

.zawartosc hr {
  background: var(--zw-border);
}


.zawartosc h2,
.zawartosc h3,
.zawartosc h4,
.zawartosc h5,
.zawartosc h6 {
    
  scroll-margin-top: 200px;
}






/* =========================================================
   ŚRODKOWA KOLUMNA — KARTA TREŚCI ARTYKUŁU
========================================================= */



.zawartosc {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.zawartosc:first-child {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .zawartosc {
    padding: 28px 22px;
    border-radius: 18px;
  }
}

@media (max-width: 767px) {
  .zawartosc {
    padding: 24px 18px;
    border-radius: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0250595 *//* ========== Author Box ========== */
.ne-author-box {
    background: #f7fbff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 28px 30px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    font-family: 'Para', Inter, system-ui, sans-serif;
    margin: 40px 0;
}

.ne-author-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #e2e8f0;
    border-radius: 9999px;
    padding: 4px 14px;
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background: rgba(255,255,255,0.7);
    margin-bottom: 40px;
}

.ne-author-body {
    display: flex;
    align-items: flex-start;
   gap: 25px;
}

.ne-author-avatar-wrap {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden; /* kluczowe! */
    flex-shrink: 0;
    border: 3px solid #ffffff;
    box-shadow: 0 2px 12px rgba(0,0,0,0.12);
    background: #eaf4fa;
}

.ne-author-avatar-wrap img,
.ne-author-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0 !important; /* radius na wrapperze, nie na img */
}

.ne-author-info { flex: 1; min-width: 0; }

.ne-author-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.ne-author-name {
    font-family: 'Title', Merriweather, Georgia, serif;
    font-size: 19px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.25;
}

.ne-author-role {
    background: #eaf4fa;
    color: #1577af;
    border-radius: 9999px;
    padding: 3px 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.ne-author-bio {
    font-size: 14.5px;
    color: #475569;
    line-height: 1.7;
    margin-bottom: 0;
}

.ne-author-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 18px;
    border-top: 1px solid #f1f5f9;
    margin-top: 22px;
}

.ne-author-stats {
    display: flex;
    align-items: center;
    gap: 20px;
}

.ne-author-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ne-author-stat-num {
    font-family: 'Title', Merriweather, Georgia, serif;
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
}

.ne-author-stat-label {
    font-size: 11px;
    color: #94a3b8;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.ne-author-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #1577af;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 4px 16px rgba(21,119,175,0.18);
    transition: background 0.18s ease, box-shadow 0.18s ease;
    font-family: 'Para', Inter, system-ui, sans-serif;
}

.ne-author-btn:hover {
    background: #11618e;
    box-shadow: 0 6px 20px rgba(21,119,175,0.28);
    color: #ffffff;
    /* BRAK transform:translateY — ucinałby w overflow:hidden */
}

@media (max-width: 600px) {
    .ne-author-box { padding: 22px 20px; }
    .ne-author-body { flex-direction: column; align-items: center; text-align: center; }
    .ne-author-meta { justify-content: center; }
    .ne-author-footer { flex-direction: column; align-items: stretch; }
    .ne-author-btn { justify-content: center; }
    .ne-author-stats { justify-content: center; }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-fd66176 *//* ==========================================================================
   STYLOWANIE AKORDEONU (ZAGNIEŻDŻONEGO - Nested Elements) I BIBLIOGRAFII
   Dla klasy .bibliografia przypisanej w Elementorze
   ========================================================================== */

/* --- STYLOWANIE AKORDEONU (KONTENERA) --- */

/* Resetowanie i stylowanie pojedynczego elementu akordeonu (<details>) */
.bibliografia details.e-n-accordion-item {
    border: 1px solid #e2e8f0 !important; /* Delikatne obramowanie */
    border-radius: 12px !important; /* Zaokrąglone rogi */
    margin-bottom: 16px !important;
    background-color: #ffffff !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; /* Standardowy delikatny obrys */
    transition: all 0.3s ease !important;
    overflow: hidden !important;
    outline: none !important; /* Usunięcie obrysu focus */
}

/* Podświetlenie na hover całego elementu (usunięto agresywny cień) */
.bibliografia details.e-n-accordion-item:hover {
    border-color: #cbd5e1 !important; /* Tylko zmiana koloru ramki */
}

/* Reset obrysu kliknięcia (focus) dla całego detalu */
.bibliografia details.e-n-accordion-item:focus,
.bibliografia details.e-n-accordion-item:focus-within {
    outline: none !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; /* Utrzymanie tylko podstawowego cienia, bez ringu focusu */
}

/* --- STYLOWANIE NAGŁÓWKA AKORDEONU (<summary>) --- */

.bibliografia summary.e-n-accordion-item-title {
    background-color: #f8fafc !important; /* Jasne tło zamkniętego */
    padding: 18px 24px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    cursor: pointer !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    transition: background-color 0.3s ease !important;
}

/* Usunięcie podwójnego obrysu pojawiającego się po kliknięciu (browser default) */
.bibliografia summary.e-n-accordion-item-title:focus,
.bibliografia summary.e-n-accordion-item-title:focus-visible,
.bibliografia summary.e-n-accordion-item-title:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Styl nagłówka, gdy akordeon jest OTWARTY (posiada atrybut open) */
.bibliografia details[open].e-n-accordion-item summary.e-n-accordion-item-title {
    background:
    linear-gradient(135deg, rgba(234, 244, 250, 0.95), rgba(255, 255, 255, 1));
    border-bottom: 1px solid #e2e8f0 !important;
}

/* Ukrycie domyślnej strzałki z przeglądarki w tagu summary (Safari/Chrome) */
.bibliografia summary.e-n-accordion-item-title::-webkit-details-marker {
    display: none !important;
}

/* Tekst nagłówka */
.bibliografia summary.e-n-accordion-item-title .e-n-accordion-item-title-header {
    color: #0f172a !important; /* Ciemny slate */
}

/* Wymuszenie fontów na tagach nagłówkowych (np. h5) wewnątrz summary */
.bibliografia summary.e-n-accordion-item-title .e-n-accordion-item-title-header > * {
    font-family: 'Title', serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    
    letter-spacing: 0.5px !important;
    margin: 0 !important;
    color: inherit !important;
    transition: color 0.3s ease !important;
}

/* Kolor tekstu, gdy otwarty */
.bibliografia details[open].e-n-accordion-item summary.e-n-accordion-item-title .e-n-accordion-item-title-header {
    color: #1577af !important; /* Główny niebieski */
}

/* --- STYLOWANIE IKONY (ZMIANA NA NOWOCZESNĄ STRZAŁKĘ) --- */

/* Ukrycie domyślnych ikon Elementora (plus/minus ukryte całkowicie) */
.bibliografia summary.e-n-accordion-item-title .e-n-accordion-item-title-icon .e-opened,
.bibliografia summary.e-n-accordion-item-title .e-n-accordion-item-title-icon .e-closed {
    display: none !important;
}

.bibliografia summary.e-n-accordion-item-title .e-n-accordion-item-title-icon {
    order: 2 !important; /* Wymusza pozycję ikony z prawej strony */
    margin-left: 16px !important;
    margin-right: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Wstawienie nowej ikony (Chevron/Strzałka) za pomocą czystego CSS */
.bibliografia summary.e-n-accordion-item-title .e-n-accordion-item-title-icon::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    /* Ikona strzałki w dół, kolor slate-500 (#64748b) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease !important; /* Animacja obrotu */
}

/* Obrót ikony o 180 stopni i zmiana koloru po otwarciu akordeonu */
.bibliografia details[open].e-n-accordion-item summary.e-n-accordion-item-title .e-n-accordion-item-title-icon::after {
    transform: rotate(180deg);
    /* Ikona strzałki, kolor niebieski (#1577af) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231577af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}

/* --- STYLOWANIE ZAWARTOŚCI AKORDEONU (TREŚĆ) --- */

/* Elementor umieszcza treść w kontenerze po nagłówku */
.bibliografia details.e-n-accordion-item > .e-con,
.bibliografia details.e-n-accordion-item > div {
    padding: 24px !important;
    background-color: #F8FCFE;
    border: none !important; /* Usunięcie jakichkolwiek obramowań nałożonych przez Elementora na kontener wewnętrzny */
    box-shadow: none !important;
    outline: none !important;
}


/* ==========================================================================
   STYLOWANIE BIBLIOGRAFII (Zawartość listy w edytorze tekstu)
   ========================================================================== */

/* 1. Reset domyślnej listy i inicjalizacja licznika */
.bibliografia .elementor-widget-text-editor ol {
    list-style-type: none !important; /* Bezwzględne usunięcie numerów */
    counter-reset: bib-counter !important; 
    padding-left: 0 !important;
    margin: 0 !important;
    font-family: 'Para', sans-serif !important;
}

/* 2. Stylowanie pojedynczego wpisu */
.bibliografia .elementor-widget-text-editor ol li {
    display: block !important; /* Bezpiecznik: niszczy wbudowane markery (::marker) */
    position: relative !important;
    counter-increment: bib-counter !important;
    padding-left: 2.5rem !important; 
    margin-bottom: 12px !important;
    color: #475569 !important; 
    font-size: 14px !important; 
    line-height: 1.6 !important;
    transition: color 0.3s ease !important;
}

/* Elementor domyślnie dodaje znaczniki (::marker), musimy to stłamsić.
   display: block; wyżej robi większość roboty, ale to dobija resztki. */
.bibliografia .elementor-widget-text-editor ol li::marker {
    content: none !important;
    display: none !important;
}

/* 3. Efekt hover na tekście bibliografii */
.bibliografia .elementor-widget-text-editor ol li:hover {
    color: #0f172a !important; 
}

/* 4. Akademicki numerek [1], [2] generowany sztucznie z lewej */
.bibliografia .elementor-widget-text-editor ol li::before {
    content: "[" counter(bib-counter) "]" !important; 
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #1577af !important; 
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
}

/* 5. UKRYWANIE PUSTYCH ELEMENTÓW */
.bibliografia .elementor-widget-text-editor ol li:empty,
.bibliografia .elementor-widget-text-editor ol li:blank {
    display: none !important;
    counter-increment: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Usuwa margines z ostatniego wpisu */
.bibliografia .elementor-widget-text-editor ol li:last-child {
    margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-fe15790 *//* Zdejmujemy ukrywanie zawartości z całej karuzeli i poszczególnych slajdów */
.elementor-3696 .elementor-element.elementor-element-fe15790 .elementor-widget-container,
.elementor-3696 .elementor-element.elementor-element-fe15790 .swiper,
.elementor-3696 .elementor-element.elementor-element-fe15790 .swiper-wrapper,
.elementor-3696 .elementor-element.elementor-element-fe15790 .swiper-slide {
    overflow: visible !important;
}

/* Ponieważ wyłączyliśmy overflow, karuzela może powodować poziomy pasek przewijania 
na całej stronie. Musimy to zablokować na kontenerze rodzica. */
.elementor-3696 .elementor-element.elementor-element-fe15790 {
    overflow-x: hidden !important; 
    overflow-y: visible !important;
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-434badd *//* ==========================================================================
   NEUROEXPERT: STYLOWANIE FORMULARZA KOMENTARZY (WORDPRESS)
   ========================================================================== */

/* Główny kontener formularza - Karta */
#respond.comment-respond {
   background-color: #f7fbff;
    border: 1px solid #e2e8f0;
    border-radius: 1.5rem; /* 24px - spójne z resztą layoutu */
    padding: 2.5rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-family: 'Inter', sans-serif;
    position: relative;
    overflow: hidden;
}

/* Dekoracyjne tło pod formularzem (opcjonalny "pazur") */
#respond.comment-respond::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background-color: #eaf4fa;
    border-radius: 50%;
    filter: blur(50px);
    opacity: 0.6;
    pointer-events: none;
    z-index: 0;
}

/* Formularz nadrzędny warstwą wyżej nad tłem */
#respond.comment-respond form {
    position: relative;
    z-index: 1;
}

/* Nagłówek "Dodaj komentarz" */
#respond .comment-reply-title {
    font-family: 'Merriweather', serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 1.25rem;
    position: relative;
    z-index: 1;
}

/* Teksty informacyjne: Zalogowany jako... */
#respond .logged-in-as,
#respond .comment-notes {
    color: #64748b;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
    display: none;
}

/* Linki w tekście logowania */
#respond .logged-in-as a,
#respond .comment-notes a {
    color: #1577af;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
}

#respond .logged-in-as a:hover,
#respond .comment-notes a:hover {
    color: #11618e;
    text-decoration: underline;
}

/* Gwiazdka wymaganych pól */
#respond .required {
    color: #ef4444; /* Czerwony */
    font-weight: bold;
}

/* Kontener textarea */
#respond .comment-form-comment {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
}

/* Etykieta (Label) "Komentarz *" */
#respond .comment-form-comment label {
    font-weight: 700;
    color: #334155;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

/* Pole tekstowe (Textarea) */
#respond textarea#comment {
    width: 100%;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem; /* 12px */
    padding: 1rem 1.25rem;
    color: #0f172a;
    font-family: inherit;
    font-size: 1rem;
    min-height: 140px;
    resize: vertical; /* Tylko pionowe rozszerzanie */
    transition: all 0.2s ease-in-out;
}

/* Hover na polu tekstowym */
#respond textarea#comment:hover {
    border-color: #cbd5e1;
}

/* Aktywne pole tekstowe (Focus) */
#respond textarea#comment:focus {
    outline: none;
    background-color: #ffffff;
    border-color: #1577af;
    box-shadow: 0 0 0 4px rgba(21, 119, 175, 0.1);
}

/* Kontener przycisku wyślij */
#respond .form-submit {
    margin-bottom: 0;
}

/* Przycisk "Dodaj komentarz" */
#respond input#submit {
    background-color: #1577af;
    color: #ffffff;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.875rem 2rem;
    border: none;
    border-radius: 0.75rem; /* 12px */
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

/* Hover na przycisku */
#respond input#submit:hover {
    background-color: #11618e;
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

/* Aktywny przycisk (Kliknięcie) */
#respond input#submit:active {
    transform: translateY(0);
    box-shadow: none;
}



/* ==========================================================================
   NEUROEXPERT: STYLOWANIE LISTY KOMENTARZY
   ========================================================================== */

/* Nagłówek sekcji (np. "Jedna odpowiedź") */
.comments-area .title-comments {
    font-family: 'Merriweather', serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 2rem;
}

/* Resetowanie domyślnej listy (ol/ul) */
.comments-area .comment-list {
    list-style: none;
    padding: 0;
    margin: 0 0 3rem 0;
}

/* Pojedynczy wiersz komentarza - usunięcie domyślnego markera */
.comments-area .comment-list li.comment {
    margin-bottom: 1.5rem;
}

/* Drobna korekta dla zagnieżdżonych komentarzy (odpowiedzi) */
.comments-area .comment-list .children {
    list-style: none;
    margin-left: 2rem; /* Wcięcie dla odpowiedzi na desktopie */
    padding-left: 1.5rem;
    border-left: 2px solid #e2e8f0; /* Szara linia z lewej pokazująca relację */
    margin-top: 1.5rem;
}

@media (max-width: 768px) {
    .comments-area .comment-list .children {
        margin-left: 1rem;
        padding-left: 1rem;
    }
}

/* Główna karta pojedynczego komentarza */
.comments-area .comment-body {
    background-color: #f7fbff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem; /* 16px */
    padding: 1.5rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transition: border-color 0.2s ease;
}

.comments-area .comment-body:hover {
    border-color: #cbd5e1;
}

/* Główka komentarza: flexbox żeby oddzielić autora od daty */
.comments-area .comment-meta {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    border-bottom: 1px solid #f8fafc;
    padding-bottom: 1rem;
}

/* Lewa strona główki: Autor i Avatar */
.comments-area .comment-author {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* Avatar autora */
.comments-area .comment-author img.avatar {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Nazwa autora */
.comments-area .comment-author .fn {
    font-weight: 700;
    color: #0f172a;
    font-size: 1rem;
    font-style: normal;
    font-family: 'Inter', sans-serif;
}

.comments-area .comment-author .fn a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.comments-area .comment-author .fn a:hover {
    color: #1577af;
}

/* Ukrycie przestarzałego tekstu z WordPressa ("pisze:") */
.comments-area .comment-author .says {
    display: none;
}

/* Prawa strona główki: Data dodania komentarza */
.comments-area .comment-metadata {
    font-size: 0.875rem;
    color: #94a3b8;
    text-align: right;
}

.comments-area .comment-metadata a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.comments-area .comment-metadata a:hover {
    color: #1577af;
}

.comments-area .comment-metadata .edit-link {
    display: block;
    margin-top: 0.25rem;
}

/* Główna treść komentarza */
.comments-area .comment-content {
    color: #475569;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.comments-area .comment-content p:last-child {
    margin-bottom: 0;
}

/* Przycisk "Odpowiedz" pod komentarzem */
.comments-area .reply {
    margin-top: 1rem;
}

.comments-area .reply .comment-reply-link {
    display: inline-block;
    background-color: #f8fafc;
    color: #1577af;
    font-weight: 700;
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: all 0.2s ease;
}

.comments-area .reply .comment-reply-link:hover {
    background-color: #eaf4fa;
    color: #11618e;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-e94a0fa *//* Zdejmujemy ukrywanie zawartości z całej karuzeli i poszczególnych slajdów */
.elementor-3696 .elementor-element.elementor-element-e94a0fa .elementor-widget-container,
.elementor-3696 .elementor-element.elementor-element-e94a0fa .swiper,
.elementor-3696 .elementor-element.elementor-element-e94a0fa .swiper-wrapper,
.elementor-3696 .elementor-element.elementor-element-e94a0fa .swiper-slide {
    overflow: visible !important;
}

/* Ponieważ wyłączyliśmy overflow, karuzela może powodować poziomy pasek przewijania 
na całej stronie. Musimy to zablokować na kontenerze rodzica. */
.elementor-3696 .elementor-element.elementor-element-e94a0fa {
    overflow-x: hidden !important; 
    overflow-y: visible !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5a149d2 *//* Dodaj ten kod w Wygląd -> Dostosuj -> Dodatkowy CSS 
   lub w ustawieniach motywu / Elementora 
*/

.menu-baza-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.menu-baza-list li {
  margin: 0 !important;
  padding: 0 !important;
}

.menu-baza-list .menu-link {
  display: flex;
  align-items: center;
  padding: 10px 8px;
  border-radius: 8px;
  position: relative;
  text-decoration: none !important;
  color: #64748b; /* slate-500 */
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  background-color: transparent;
}

/* Hover na całym linku */
.menu-baza-list .menu-link:hover {
  background-color: #f8fafc; /* slate-50 */
  color: #0f172a; /* slate-900 */
}

/* Kropka z lewej (ukryta domyślnie) */
.menu-baza-list .menu-link::before {
  content: '';
  position: absolute;
  left: 0;
  margin-left: -4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #89c5e8; /* jasny niebieski hover */
  opacity: 0;
  transform: translateX(0);
  transition: all 0.3s ease;
}

.menu-baza-list .menu-link:hover::before {
  opacity: 1;
  transform: translateX(4px);
}

/* Tekst z odsunięciem pod kropkę */
.menu-baza-list .menu-text {
  margin-left: 12px;
  transition: color 0.3s ease;
}

/* Strzałka SVG z prawej (Lucide ArrowRight) */
.menu-baza-list .menu-link::after {
  content: '';
  margin-left: auto;
  width: 14px;
  height: 14px;
  /* Szara strzałka, wstrzyknięta przez Base64 SVG */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transform: translateX(-8px);
  transition: all 0.3s ease;
}

.menu-baza-list .menu-link:hover::after {
  opacity: 1;
  transform: translateX(0);
}

/* ==================================
   STAN AKTYWNY (ZAZNACZONY POST)
================================== */
.menu-baza-list .menu-link.active {
  color: #1577af;
}

.menu-baza-list .menu-link.active::before {
  background-color: #1577af; /* główny brandowy */
  opacity: 1;
  transform: translateX(4px);
}

.menu-baza-list .menu-link.active::after {
  opacity: 1;
  transform: translateX(0);
  /* Niebieska strzałka dla stanu aktywnego */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231577af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d0c9a49 *//* Dodaj ten kod w Wygląd -> Dostosuj -> Dodatkowy CSS 
   lub w ustawieniach motywu / Elementora 
*/

.menu-baza-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.menu-baza-list li {
  margin: 0 !important;
  padding: 0 !important;
}

.menu-baza-list .menu-link {
  display: flex;
  align-items: center;
  padding: 10px 8px;
  border-radius: 8px;
  position: relative;
  text-decoration: none !important;
  color: #64748b; /* slate-500 */
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  background-color: transparent;
}

/* Hover na całym linku */
.menu-baza-list .menu-link:hover {
  background-color: #f8fafc; /* slate-50 */
  color: #0f172a; /* slate-900 */
}

/* Kropka z lewej (ukryta domyślnie) */
.menu-baza-list .menu-link::before {
  content: '';
  position: absolute;
  left: 0;
  margin-left: -4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #89c5e8; /* jasny niebieski hover */
  opacity: 0;
  transform: translateX(0);
  transition: all 0.3s ease;
}

.menu-baza-list .menu-link:hover::before {
  opacity: 1;
  transform: translateX(4px);
}

/* Tekst z odsunięciem pod kropkę */
.menu-baza-list .menu-text {
  margin-left: 12px;
  transition: color 0.3s ease;
}

/* Strzałka SVG z prawej (Lucide ArrowRight) */
.menu-baza-list .menu-link::after {
  content: '';
  margin-left: auto;
  width: 14px;
  height: 14px;
  /* Szara strzałka, wstrzyknięta przez Base64 SVG */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transform: translateX(-8px);
  transition: all 0.3s ease;
}

.menu-baza-list .menu-link:hover::after {
  opacity: 1;
  transform: translateX(0);
}

/* ==================================
   STAN AKTYWNY (ZAZNACZONY POST)
================================== */
.menu-baza-list .menu-link.active {
  color: #1577af;
}

.menu-baza-list .menu-link.active::before {
  background-color: #1577af; /* główny brandowy */
  opacity: 1;
  transform: translateX(4px);
}

.menu-baza-list .menu-link.active::after {
  opacity: 1;
  transform: translateX(0);
  /* Niebieska strzałka dla stanu aktywnego */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231577af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fda5b26 *//* =========================================================
   PRZYCISK "ZOBACZ ARCHIWUM BLOGA"
   Klasa arch-button dodana do widgetu Elementor Button
========================================================= */

.arch-button .elementor-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;

  padding: 12px 16px;
  border: 1px dashed #1577af;
  border-radius: 12px;

  background-color: #dbf2fc !important;
  color: #475569 !important;

  font-family: "Para", sans-serif !important;
  font-size: 14px;
  font-weight: 500 !important;
  line-height: 1.2;
  text-decoration: none !important;

  transition: all 0.3s ease;
  cursor: pointer;
}

/* Usunięcie domyślnego odstępu/układu Elementora */
.arch-button .elementor-button-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

/* Tekst */
.arch-button .elementor-button-text {
  color: inherit !important;
}

/* Jeżeli Elementor ma włączoną ikonę, ukrywamy ją */
.arch-button .elementor-button-icon {
  display: none;
}

/* Hover */
.arch-button .elementor-button:hover {
  border-style: solid;
  border-color: #1577af;
  color: #1577af !important;
  background-color: #ceedff !important;
}

/* Strzałka po tekście */
.arch-button .elementor-button-text::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  vertical-align: -3px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  transition: all 0.3s ease;
}

.arch-button .elementor-button:hover .elementor-button-text::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231577af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Para';
	font-display: auto;
	src: url('https://noomedica.pl/wp-content/uploads/2026/05/Inter-VariableFont_opszwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Title';
	font-display: auto;
	src: url('https://noomedica.pl/wp-content/uploads/2026/05/Merriweather-VariableFont_opszwdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */