.elementor-kit-7{--e-global-color-primary:#F9F4EF;--e-global-color-secondary:#009DA4;--e-global-color-text:#002F53;--e-global-color-accent:#910D3B;--e-global-color-f40c6bb:#D1AABD;--e-global-color-c257740:#FFFFFF;--e-global-color-9cdadcd:#66A057;--e-global-color-d01fb4c:#02B8BF;--e-global-color-ac92bd6:#00000000;--e-global-color-bd5d35d:#FDF6F1;--e-global-color-96ae0cc:#6B7074;--e-global-color-ebc5f78:#B3C1CC;--e-global-color-d856c1e:#F1E9E2;--e-global-color-060bce3:#F2EAE3;--e-global-typography-primary-font-family:"Schibsted Grotesk";--e-global-typography-primary-font-size:1rem;--e-global-typography-secondary-font-family:"Schibsted Grotesk";--e-global-typography-text-font-family:"Schibsted Grotesk";--e-global-typography-text-font-size:1rem;--e-global-typography-text-line-height:1.25rem;--e-global-typography-accent-font-family:"Schibsted Grotesk";--e-global-typography-c078171-font-family:"Schibsted Grotesk";--e-global-typography-c078171-font-size:1rem;--e-global-typography-c078171-font-weight:normal;--e-global-typography-c078171-line-height:1.25rem;--e-global-typography-abdd87e-font-family:"Schibsted Grotesk";--e-global-typography-abdd87e-font-size:3.375rem;--e-global-typography-abdd87e-font-weight:normal;--e-global-typography-abdd87e-line-height:1.1em;--e-global-typography-e476083-font-family:"Schibsted Grotesk";--e-global-typography-e476083-font-size:2.5rem;--e-global-typography-e476083-font-weight:400;--e-global-typography-e476083-line-height:1.2em;--e-global-typography-f57158e-font-family:"Schibsted Grotesk";--e-global-typography-f57158e-font-size:1.625rem;--e-global-typography-f57158e-font-weight:normal;--e-global-typography-f57158e-line-height:1em;--e-global-typography-68339be-font-family:"Schibsted Grotesk";--e-global-typography-68339be-font-size:1.125rem;--e-global-typography-68339be-font-weight:normal;--e-global-typography-68339be-line-height:1.2em;--e-global-typography-e593b18-font-family:"Schibsted Grotesk";--e-global-typography-e593b18-font-size:1.125rem;--e-global-typography-e593b18-line-height:1.5625rem;--e-global-typography-c218ec6-font-family:"Schibsted Grotesk";--e-global-typography-c218ec6-font-size:0.875rem;--e-global-typography-6997c9c-font-family:"Schibsted Grotesk";--e-global-typography-6997c9c-font-size:0.875rem;--e-global-typography-6997c9c-line-height:1rem;--e-global-typography-20daa3f-font-family:"Schibsted Grotesk";--e-global-typography-20daa3f-font-size:0.875rem;--e-global-typography-20daa3f-text-decoration:none;--e-global-typography-20daa3f-line-height:22px;--e-global-typography-97884ea-font-family:"Schibsted Grotesk";--e-global-typography-97884ea-font-size:0.9375rem;--e-global-typography-97884ea-font-weight:normal;--e-global-typography-97884ea-line-height:1.5rem;--e-global-typography-f8776af-font-family:"Schibsted Grotesk";--e-global-typography-f8776af-font-size:1.125rem;--e-global-typography-cac80db-font-family:"Schibsted Grotesk";--e-global-typography-cac80db-font-size:1.65rem;--e-global-typography-cac80db-line-height:1.2em;--e-global-typography-e553150-font-family:"Schibsted Grotesk";--e-global-typography-e553150-font-size:1rem;--e-global-typography-e553150-font-weight:normal;--e-global-typography-e553150-text-decoration:none;--e-global-typography-e553150-line-height:1.25rem;background-color:var( --e-global-color-primary );color:var( --e-global-color-text );font-family:var( --e-global-typography-c078171-font-family ), Sans-serif;font-size:var( --e-global-typography-c078171-font-size );font-weight:var( --e-global-typography-c078171-font-weight );line-height:var( --e-global-typography-c078171-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-c078171-font-family ), Sans-serif;font-size:var( --e-global-typography-c078171-font-size );font-weight:var( --e-global-typography-c078171-font-weight );line-height:var( --e-global-typography-c078171-line-height );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-d01fb4c );border-radius:6.25rem 6.25rem 6.25rem 6.25rem;padding:0.75rem 1.5rem 0.75rem 1.5rem;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-c257740 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 p{margin-block-end:1rem;}.elementor-kit-7 a{color:var( --e-global-color-text );}.elementor-kit-7 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-7 h1{font-family:var( --e-global-typography-abdd87e-font-family ), Sans-serif;font-size:var( --e-global-typography-abdd87e-font-size );font-weight:var( --e-global-typography-abdd87e-font-weight );line-height:var( --e-global-typography-abdd87e-line-height );}.elementor-kit-7 h2{font-family:var( --e-global-typography-e476083-font-family ), Sans-serif;font-size:var( --e-global-typography-e476083-font-size );font-weight:var( --e-global-typography-e476083-font-weight );line-height:var( --e-global-typography-e476083-line-height );}.elementor-kit-7 h3{font-family:var( --e-global-typography-f57158e-font-family ), Sans-serif;font-size:var( --e-global-typography-f57158e-font-size );font-weight:var( --e-global-typography-f57158e-font-weight );line-height:var( --e-global-typography-f57158e-line-height );}.elementor-kit-7 h4{font-family:var( --e-global-typography-68339be-font-family ), Sans-serif;font-size:var( --e-global-typography-68339be-font-size );font-weight:var( --e-global-typography-68339be-font-weight );line-height:var( --e-global-typography-68339be-line-height );}.elementor-kit-7 h5{font-family:var( --e-global-typography-e593b18-font-family ), Sans-serif;font-size:var( --e-global-typography-e593b18-font-size );line-height:var( --e-global-typography-e593b18-line-height );}.elementor-kit-7 h6{font-family:var( --e-global-typography-c218ec6-font-family ), Sans-serif;font-size:var( --e-global-typography-c218ec6-font-size );line-height:var( --e-global-typography-c218ec6-line-height );}.elementor-kit-7 label{color:var( --e-global-color-text );font-family:var( --e-global-typography-c078171-font-family ), Sans-serif;font-size:var( --e-global-typography-c078171-font-size );font-weight:var( --e-global-typography-c078171-font-weight );line-height:var( --e-global-typography-c078171-line-height );}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{font-family:var( --e-global-typography-c078171-font-family ), Sans-serif;font-size:var( --e-global-typography-c078171-font-size );font-weight:var( --e-global-typography-c078171-font-weight );line-height:var( --e-global-typography-c078171-line-height );color:var( --e-global-color-text );accent-color:var( --e-global-color-secondary );background-color:var( --e-global-color-c257740 );border-style:solid;border-color:var( --e-global-color-text );border-radius:4px 4px 4px 4px;padding:16px 24px 16px 24px;}.elementor-kit-7 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea:focus,.elementor-kit-7 .elementor-field-textual:focus{color:var( --e-global-color-secondary );accent-color:var( --e-global-color-text );background-color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1296px;}.e-con{--container-max-width:1296px;--container-default-padding-top:1.5rem;--container-default-padding-right:2rem;--container-default-padding-bottom:1.5rem;--container-default-padding-left:2rem;}.elementor-widget:not(:last-child){--kit-widget-spacing:1rem;}.elementor-element{--widgets-spacing:1rem 1.5rem;--widgets-spacing-row:1rem;--widgets-spacing-column:1.5rem;}{}h1.entry-title{display:var(--page-title-display);}@media(min-width:2400px){.elementor-kit-7{font-size:var( --e-global-typography-c078171-font-size );line-height:var( --e-global-typography-c078171-line-height );}.elementor-kit-7 h1{font-size:var( --e-global-typography-abdd87e-font-size );line-height:var( --e-global-typography-abdd87e-line-height );}.elementor-kit-7 h2{font-size:var( --e-global-typography-e476083-font-size );line-height:var( --e-global-typography-e476083-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-f57158e-font-size );line-height:var( --e-global-typography-f57158e-line-height );}.elementor-kit-7 h4{font-size:var( --e-global-typography-68339be-font-size );line-height:var( --e-global-typography-68339be-line-height );}.elementor-kit-7 h5{font-size:var( --e-global-typography-e593b18-font-size );line-height:var( --e-global-typography-e593b18-line-height );}.elementor-kit-7 h6{font-size:var( --e-global-typography-c218ec6-font-size );line-height:var( --e-global-typography-c218ec6-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-c078171-font-size );line-height:var( --e-global-typography-c078171-line-height );}.elementor-kit-7 label{font-size:var( --e-global-typography-c078171-font-size );line-height:var( --e-global-typography-c078171-line-height );}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{font-size:var( --e-global-typography-c078171-font-size );line-height:var( --e-global-typography-c078171-line-height );}}@media(max-width:1366px){.elementor-kit-7{--e-global-typography-abdd87e-font-size:4.5vw;font-size:var( --e-global-typography-c078171-font-size );line-height:var( --e-global-typography-c078171-line-height );}.elementor-kit-7 h1{font-size:var( --e-global-typography-abdd87e-font-size );line-height:var( --e-global-typography-abdd87e-line-height );}.elementor-kit-7 h2{font-size:var( --e-global-typography-e476083-font-size );line-height:var( --e-global-typography-e476083-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-f57158e-font-size );line-height:var( --e-global-typography-f57158e-line-height );}.elementor-kit-7 h4{font-size:var( --e-global-typography-68339be-font-size );line-height:var( --e-global-typography-68339be-line-height );}.elementor-kit-7 h5{font-size:var( --e-global-typography-e593b18-font-size );line-height:var( --e-global-typography-e593b18-line-height );}.elementor-kit-7 h6{font-size:var( --e-global-typography-c218ec6-font-size );line-height:var( --e-global-typography-c218ec6-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-c078171-font-size );line-height:var( --e-global-typography-c078171-line-height );}.elementor-kit-7 label{font-size:var( --e-global-typography-c078171-font-size );line-height:var( --e-global-typography-c078171-line-height );}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{font-size:var( --e-global-typography-c078171-font-size );line-height:var( --e-global-typography-c078171-line-height );}}@media(max-width:1200px){.elementor-kit-7{--e-global-typography-abdd87e-line-height:1.1em;--e-global-typography-e476083-font-size:2.25em;}}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-abdd87e-line-height:1.1em;--e-global-typography-e476083-font-size:1.75rem;--e-global-typography-f57158e-font-size:1.5em;--e-global-typography-68339be-font-size:1.25rem;font-size:var( --e-global-typography-c078171-font-size );line-height:var( --e-global-typography-c078171-line-height );}.elementor-kit-7 h1{font-size:var( --e-global-typography-abdd87e-font-size );line-height:var( --e-global-typography-abdd87e-line-height );}.elementor-kit-7 h2{font-size:var( --e-global-typography-e476083-font-size );line-height:var( --e-global-typography-e476083-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-f57158e-font-size );line-height:var( --e-global-typography-f57158e-line-height );}.elementor-kit-7 h4{font-size:var( --e-global-typography-68339be-font-size );line-height:var( --e-global-typography-68339be-line-height );}.elementor-kit-7 h5{font-size:var( --e-global-typography-e593b18-font-size );line-height:var( --e-global-typography-e593b18-line-height );}.elementor-kit-7 h6{font-size:var( --e-global-typography-c218ec6-font-size );line-height:var( --e-global-typography-c218ec6-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-c078171-font-size );line-height:var( --e-global-typography-c078171-line-height );}.elementor-kit-7 label{font-size:var( --e-global-typography-c078171-font-size );line-height:var( --e-global-typography-c078171-line-height );}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{font-size:var( --e-global-typography-c078171-font-size );line-height:var( --e-global-typography-c078171-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-abdd87e-font-size:2rem;--e-global-typography-e476083-font-size:1.575rem;--e-global-typography-f57158e-font-size:1.45rem;--e-global-typography-68339be-font-size:1.35rem;--e-global-typography-e593b18-font-size:1rem;--e-global-typography-e593b18-line-height:1.2em;--e-global-typography-c218ec6-font-size:12px;--e-global-typography-c218ec6-line-height:1.2em;--e-global-typography-6997c9c-font-size:12px;--e-global-typography-6997c9c-line-height:1.2em;--e-global-typography-cac80db-font-size:0.9rem;font-size:var( --e-global-typography-c078171-font-size );line-height:var( --e-global-typography-c078171-line-height );}.elementor-kit-7 h1{font-size:var( --e-global-typography-abdd87e-font-size );line-height:var( --e-global-typography-abdd87e-line-height );}.elementor-kit-7 h2{font-size:var( --e-global-typography-e476083-font-size );line-height:var( --e-global-typography-e476083-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-f57158e-font-size );line-height:var( --e-global-typography-f57158e-line-height );}.elementor-kit-7 h4{font-size:var( --e-global-typography-68339be-font-size );line-height:var( --e-global-typography-68339be-line-height );}.elementor-kit-7 h5{font-size:var( --e-global-typography-e593b18-font-size );line-height:var( --e-global-typography-e593b18-line-height );}.elementor-kit-7 h6{font-size:var( --e-global-typography-c218ec6-font-size );line-height:var( --e-global-typography-c218ec6-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-c078171-font-size );line-height:var( --e-global-typography-c078171-line-height );padding:0.75rem 1rem 0.75rem 1rem;}.elementor-kit-7 label{font-size:var( --e-global-typography-c078171-font-size );line-height:var( --e-global-typography-c078171-line-height );}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{font-size:var( --e-global-typography-c078171-font-size );line-height:var( --e-global-typography-c078171-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body {
    overflow-x: hidden;
    max-width: 100vw;
}

#kontakt_01 a  {
    color:var(--e-global-color-text);
    text-decoration:underline;
}

#kontakt_01 a:hover {
    color:var(--e-global-color-secondary);
    text-decoration:underline;
}
.arrow svg{
    width:24px;
}

/* Styl dla pierwszych 3 elementów LI */
.menu-mix .elementor-nav-menu > li:nth-child(-n+3) {
    border-color: rgb(2, 184, 191);
    border-radius: 100px;
    border-style: solid;
    border-width: 1px;
    margin: 0 0.5rem;
    padding: .25rem 1rem;
}

/* Opcjonalnie: wyrównanie elementu 4 (Kontakt) */
/* Dodanie obramowania zwiększa wysokość o 2px, 
   więc 4 element może wydawać się minimalnie przesunięty w górę. 
   Poniższy kod to koryguje (jeśli zauważysz problem): */
.menu-mix .elementor-nav-menu > li:nth-child(n+4) {
    border: 1px solid transparent;
}

.unfold-filters.is-collapsed{
  display: none !important;
}
mark {
    background-color: unset;
    color:var(--e-global-color-secondary);
}

.dwukolorowy-tytul span.turkusowy {
    color:var(--e-global-color-secondary);
}

/* Zachowaj pierwszą ikonę (stylizowana już przez Elementor) */
.okruszki-svg .elementor-icon-list-icon {
    margin-right: 8px;
}

/* Dodaj SVG separator MIĘDZY spanami (zamiast przecinka) */
.okruszki-svg .elementor-icon-list-text span + span::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 8px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA1IDgiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0wLjExOTAwOCA3Ljg5MTAxQzAuMjYwMDI2IDguMDE2NTQgMC40Nzk3NzUgOC4wMzM4MSAwLjY0MjU3NyA3Ljk0MTkxTDAuNzA4MzYyIDcuODk2MzRMNC44MjAyOCA0LjM3ODI3TDQuODIwOTYgNC4zNzc2OEw0Ljg2MjMzIDQuMzM3NDNDNC44ODg0NSA0LjMwOTczIDQuOTExNCA0LjI4MDMyIDQuOTMwMTUgNC4yNDkyNUw0Ljk1NTI0IDQuMjAxOUw0Ljk3NDkxIDQuMTUyNzdDNC45OTE4MiA0LjEwMjk4IDUgNC4wNTE0OSA1IDQuMDAwMDdDNSAzLjkzMTYyIDQuOTg1MjMgMy44NjI3NiA0Ljk1NTI0IDMuNzk4MjRDNC45MjUyNCAzLjczMzgyIDQuODgwMzMgMy42NzM0MyA0LjgyMDk2IDMuNjIyNDZMNC44MjAyOCAzLjYyMTg3TDAuNzA4MzYyIDAuMTAzOEMwLjU0NDAyNSAtMC4wMzY2ODAyIDAuMjgwMDcxIC0wLjAzNDI0MTcgMC4xMTkwMDggMC4xMDkxMjdDLTAuMDQxOTYyOSAwLjI1MjU0NSAtMC4wMzkxNjg5IDAuNDgyOSAwLjEyNTExMiAwLjYyMzQ2TDQuMDcxNTUgNC4wMDAwN0wwLjEyNTExMiA3LjM3NjY4TDAuMDcwODU1OCA3LjQzMzVDLTAuMDM3NDA1NCA3LjU3MzY2IC0wLjAyMTgwMTYgNy43NjU1NiAwLjExOTAwOCA3Ljg5MTAxWiIgZmlsbD0iIzZCNzA3NCIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 8px;
    vertical-align: middle;
}

.elementor-element .swiper .swiper-slide figure > img {
    border-radius: 50px!important;
    
}

.elementor-element .swiper .swiper-slide figure{
    margin: 0 8px 0 0!important;
}

/* Kontener główny - siatka 2 kolumny z gap 24px */
.cele-projektu-lista {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    max-width: 1296px;
}

/* Wiersz z dwoma akapitami */
.cele-projektu-row {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    align-items: flex-start;
}

/* Pojedynczy akapit */
.cel-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 8px 0 24px;
    gap: 8px;
    flex: 1;
    min-height: 40px;
    border-left: 1px solid #02B8BF;
}

/* Tekst wewnątrz */
.cel-item p {
    font-family: 'Schibsted Grotesk', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #002F53;
    margin: 0;
    align-self: stretch;
}

/* Responsywność - na mobile 1 kolumna */
@media (max-width: 768px) {
    .cele-projektu-row {
        flex-direction: column;
    }
}

/* Kontener główny */
.co-robimy-lista {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
    max-width: 1296px;
}

/* Wiersz z dwoma elementami */
.co-robimy-row {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
}

/* Pojedynczy element */
.co-robimy-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 24px 16px 0px;
    gap: 12px;
    flex: 1;
    border-top: 1px solid #02B8BF;
}

/* Nagłówek H3 */
.co-robimy-item h3 {
    font-family: 'Schibsted Grotesk', sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 32px;
    color: #002F53;
    margin: 0;
    align-self: stretch;
}

/* Tekst z WYSIWYG */
.co-robimy-item .co-robimy-opis,
.co-robimy-item .co-robimy-opis p {
    font-family: 'Schibsted Grotesk', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #002F53;
    margin: 0;
    align-self: stretch;
}

/* Responsywność */
@media (max-width: 768px) {
    .co-robimy-row {
        flex-direction: column;
    }
}

/* Kontener listy */
.tresc-jak-to-robimy-acf ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    max-width: 820px;
}

/* Pojedynczy element listy */
.tresc-jak-to-robimy-acf ul li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px 0px;
    gap: 24px;
    width: 100%;
    filter: drop-shadow(0px 21px 29.5px rgba(78, 62, 62, 0.08));
    border-radius: 4px;
    list-style: none;
}

/* Customowa ikona zamiast bulletu */
.tresc-jak-to-robimy-acf ul li::before {
    content: '';
    display: block;
    flex-shrink: 0;
    width: 21.43px;
    height: 21.66px;
    margin-top: 2px;
    background-image: url('https://mam.bis-krakow.pl//wp-content/uploads/2026/01/bullet_ico.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Tekst elementu listy */
.tresc-jak-to-robimy-acf ul li p,
.tresc-jak-to-robimy-acf ul li {
    font-family: 'Schibsted Grotesk', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #002F53;
    margin: 0;
    flex: 1;
}

/* Usunięcie marginesów z akapitów wewnątrz <li> */
.tresc-jak-to-robimy-acf ul li > * {
    margin: 0;
}

/* Kontener główny */
.dodatkowe-dzialania-lista {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    max-width: 1152px;
    
}

/* Pojedynczy element - Grid 3 kolumny */
.dd-item {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    padding-top: 2rem;
    border-top: 1px solid #B3C1CC;
    margin-top: 2rem;
    
}

/* Nagłówek H3 - span na wszystkie 3 kolumny */
.dd-title {
    grid-column: 1 / -1;
    font-family: 'Schibsted Grotesk', sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 32px;
    color: #002F53;
    margin: 0 0 8px 0;
    
}

/* NIEPARZYSTY - tekst+przyciski w kolumnach 1-2 */
.dd-item-odd .dd-content-wrapper {
    grid-column: 1 / 3;
    column-count: 2;
    column-gap: 40px;
    
}

.dd-item-odd .dd-image-wrapper {
    grid-column: 3 / 4;
}

/* PARZYSTY - obrazek w kolumnie 1, tekst+przyciski w kolumnach 2-3 */
.dd-item-even .dd-image-wrapper {
    grid-column: 1 / 2;
}

.dd-item-even .dd-content-wrapper {
    grid-column: 2 / 4;
    column-count: 2;
    column-gap: 40px;
    
}



/* Wrapper treści */
.dd-content-wrapper p {
    font-family: 'Schibsted Grotesk', sans-serif;
    font-size: 1rem;
    line-height: 20px;
    color: #002F53;
    margin: 0 0 32px 0;
    
}

/* Obrazek - 100% wysokości kontenera */
.dd-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
}

.dd-image-wrapper img {
    width: 100%;
    min-height: 238px;
    border-radius: 4px;
    object-fit: cover;
}

/* Przyciski */
.dd-buttons {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    break-inside: avoid-column;
    
}

.dd-buttons a {
    color: #002F53;
}

.dd-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-family: 'Schibsted Grotesk', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #002F53;
    transition: opacity 0.3s;
    break-inside: avoid-column;
}

.dd-btn:hover {
    opacity: 0.8;
}

/* Ikona przycisku - strzałka w prawo */
.dd-btn-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background: #009DA4;
    border-radius: 26px;
    flex-shrink: 0;
    padding: 8px 6px;
}

.dd-btn-icon svg {
    width: 13px;
    height: 8px;
}

/* Ikona download */
.dd-btn-icon-down {
    background: none;
    padding: 0;
    width: 24px;
    height: 25px;
}

.dd-btn-icon-down svg {
    width: 24px;
    height: 25px;
}

/* Responsywność */
@media (max-width: 1024px) {
    .dd-item {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    
    .dd-title {
        margin-bottom: 16px;
    }
    
    .dd-item-odd .dd-content-wrapper,
    .dd-item-even .dd-content-wrapper {
        grid-column: 1 / -1;
        column-count: 1;
    }
    
    .dd-item-odd .dd-image-wrapper,
    .dd-item-even .dd-image-wrapper {
        grid-column: 1 / -1;
        order: -1;
    }
    
    .dd-image-wrapper {
        align-self: auto;
    }
    
    .dd-image-wrapper img {
        height: auto;
        max-height: 400px;
    }
}


.title-notch-2 {
  --c: #B3C1CC;
}

.title-notch {
    --c: #002F53;
}



.title-notch-2, .title-notch{
  
  --w: 1px;     /* grubość linii */
  --h: 12px;    /* wysokość ozdoby */
  --x: 10px;    /* x piona */
  --a: 22px;    /* x końca skosu / start długiej poziomej */

  position: relative;
  display: inline-block;
  text-decoration: none;
  color: var(--c);
  padding-bottom: calc(var(--h) + 6px);
}

.title-notch-2::after, .title-notch::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height: var(--h);
  pointer-events:none;

  background:
    /* (A) krótka górna pozioma po LEWEJ: „¯” przed pionem */
    linear-gradient(var(--c), var(--c))
      0 0 / var(--x) var(--w) no-repeat,

    /* (B) długa górna pozioma po PRAWEJ: start dopiero od --a (przerwa nad skosem) */
    linear-gradient(var(--c), var(--c))
      var(--a) 0 / calc(100% - var(--a)) var(--w) no-repeat,

    /* (C) pion: „|” */
    linear-gradient(var(--c), var(--c))
      var(--x) 0 / var(--w) 100% no-repeat,

    /* (D) skos: „/” (od dołu piona do góry w prawo) */
    linear-gradient(
      to bottom right,
      transparent calc(50% - (var(--w) / 2)),
      var(--c)    calc(50% - (var(--w) / 2)),
      var(--c)    calc(50% + (var(--w) / 2)),
      transparent calc(50% + (var(--w) / 2))
    )
      var(--x) 0 / calc(var(--a) - var(--x)) 100% no-repeat;
}


/* --- 1. GŁÓWNY KONTENER --- */
#newsletter_01 {
    max-width: 575px;
    width: 100%;
    position: relative; /* Wyśrodkowanie formularza */
}


/* Reset układu Elementora, aby elementy mogły na siebie nachodzić */
#newsletter_01 .elementor-form-fields-wrapper {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    gap: 0;
}

/* --- 2. POLE EMAIL (INPUT) --- */
/* Rozciągamy kontener pola na całą szerokość */
#newsletter_01 .elementor-field-group-email {
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 0;
}

/* Stylizacja właściwego pola tekstowego */
#newsletter_01 .elementor-field-group-email input {
    height: 48px; /* Wysokość z Figmy */
    background: #FFFFFF;
    border: 1px solid #002F53; /* Ciemny obrys */
    border-radius: 100px;
    box-shadow: 0px 13px 15.8px rgba(111, 52, 0, 0.1);
    color: #002F53;
    font-size: 14px;
    font-weight: 400;
    
    /* Padding: Lewy standardowy, Prawy duży (miejsce na przycisk) */
    padding-left: 24px; 
    padding-right: 155px; 
    transition: all 0.3s ease;
}

/* Kolor tekstu placeholder (Wpisz swój adres...) */
#kontakt_01 input::placeholder, #newsletter_01 .elementor-field-group-email input::placeholder {
    color: #002F53;
    opacity: 1;
    
}

/* --- 3. PRZYCISK (BUTTON) --- */
/* Kontener przycisku - pozycjonowanie absolutne NA polu input */
#newsletter_01 .elementor-field-type-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: auto !important;
    margin: 0 !important;
    z-index: 10;
}

/* Stylizacja przycisku */
#newsletter_01 .elementor-button {
    height: 48px; /* Taka sama wysokość jak input */
    background-color: #FFFFFF !important; /* Białe tło (przykrywa linię inputa pod spodem) */
    border: 1px solid #009DA4; /* Turkusowy obrys */
    border-radius: 100px;
    padding: 0 16px 0 12px; /* Padding z Figmy */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    /* Cień specyficzny dla przycisku z Figmy */
    filter: drop-shadow(0px 21px 29.5px rgba(78, 62, 62, 0.08));
}

/* Tekst przycisku */
#newsletter_01 .elementor-button-text {
    color: #002F53; /* Ciemny granat */
    font-family: 'Schibsted Grotesk', sans-serif;
    font-size: 16px;
    font-weight: 400;
    order: 2; /* Tekst po prawej stronie ikony */
    
}

/* Ikona (kółko ze strzałką) */
#newsletter_01 .elementor-button-icon {
    order: 1; /* Ikona po lewej stronie tekstu */
    margin-right: 0;
    display: flex;
    align-items: center;
}

/* Skalowanie SVG, aby pasowało do projektu */
#kontakt_01 .elementor-button svg, #newsletter_01 .elementor-button svg {
    width: 24px;
    height: 24px;
    /* Kolory są zdefiniowane w Twoim kodzie HTML (fill="#009DA4"), więc tutaj nie musimy ich zmieniać */
}

/* Efekt hover na przycisku (opcjonalny, dla lepszego UX) */
#newsletter_01 .elementor-button:hover {
    background-color: #f0fbfc !important;
}

/* --- 4. CHECKBOX (ZGODA) --- */
/* Kontener zgody */
#kontakt_01 .elementor-field-type-acceptance, #newsletter_01 .elementor-field-type-acceptance {
    margin: 1rem 0 3rem 0; /* Odstęp od inputa (gap: 24px z Figmy) */
    width: 100%;
}

#kontakt_01 .elementor-field-option, #newsletter_01 .elementor-field-option {
    display: flex;
    flex-direction: row;
    column-gap: 0.5rem;
}



/* Reset domyślnego wyglądu checkboxa i budowa nowego */
#newsletter_01 .elementor-field-option input[type="checkbox"] {
    appearance: none; /* Wyłączenie systemowego stylu */
    -webkit-appearance: none;
    padding:0;
    background-color: transparent;
    margin: 0;
    width: 16px; /* Wymiary z Figmy */
    height: 16px;
    border: 1px solid #002F53; /* Ciemny obrys */
    border-radius: 4px;
    display: grid;
    place-content: center;
    flex-shrink: 0;
    cursor: pointer;
    margin-top: 3px; /* Wyrównanie optyczne do pierwszej linii tekstu */
}

/* Ptaszek (checkmark) po zaznaczeniu */
#newsletter_01 .elementor-field-option input[type="checkbox"]::before {
    content: "";
    width: 10px;
    height: 10px;
    transform: scale(0);
    transition: 0.2s transform ease-in-out;
    background-color: #009DA4; /* Turkusowe wypełnienie zaznaczenia */
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    
}

#newsletter_01 .elementor-field-option input[type="checkbox"]:checked::before {
    transform: scale(1);
    
}

/* Tekst zgody */
#kontakt_01 .elementor-field-option label , #newsletter_01 .elementor-field-option label {
    font-family: 'Schibsted Grotesk', sans-serif;
    font-size: 12px;
    line-height: 18px; /* 150% */
    color: #002F53;
    padding-left: 0;
    
}

/* Link w tekście zgody */
#newsletter_01 .elementor-field-option label a {
    color: #002F53;
    text-decoration: underline;
}

/* ============== */
/* Wrapper shortcodu */
/* ============== */

/* jeśli nie masz wrappera w shortcode, dodaj go (case-opinia-embed) albo zostaw tylko selektory .opinia-card */
.case-opinia-embed,
.case-opinia-embed * {
  box-sizing: border-box;
}

.case-opinia-embed {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

/* ważne w flexbox (żeby nie rozpychało kolumn obok) */
.case-opinia-embed .elementor-shortcode,
.case-opinia-embed .elementor,
.case-opinia-embed .e-loop-item {
  max-width: 100%;
  min-width: 0;
}

/* ============== */
/* Karta opinii */
/* ============== */

.case-opinia-embed .opinia-card {
  position: relative; /* baza pod .opinia-card__decor */
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 2rem 0 !important;
  width: 100%;
  max-width: 100%;
  min-width: 0;

  padding: 2.75rem 2.5rem;
  border-radius: 0;

  background-color: var(--e-global-color-primary, #F9F4EF);
  color: var(--e-global-color-text, #002F53);

  /* ikonka quota w tle */
  background-image: url("https://mam.bis-krakow.pl/wp-content/uploads/2026/01/quota.svg");
  background-repeat: no-repeat;
  background-position: 1rem 1rem;
}

/* mobile jak w Twoim CSS z Elementora */
@media (max-width: 767px) {
  .case-opinia-embed .opinia-card {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem;
    background-position: 95% 1rem;
  }
}

/* ============== */
/* Header (avatar + dane) */
/* ============== */

.case-opinia-embed .opinia-card__header .elementor-image-box-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}

.case-opinia-embed .opinia-card__header .elementor-image-box-img {
  flex: 0 0 auto;
  width: 2.75rem;
}

.case-opinia-embed .opinia-card__header .elementor-image-box-img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 50px;
}

@media (max-width: 767px) {
  .case-opinia-embed .opinia-card__header {
    width: 100%;
    max-width: 100%;
  }

  .case-opinia-embed .opinia-card__header .elementor-image-box-wrapper .elementor-image-box-img {
    width: 15%;
  }
}

.case-opinia-embed .opinia-card__header .elementor-image-box-title {
  margin: 0 0 0;
  font-family: "Schibsted Grotesk", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--e-global-color-text, #002F53);

  overflow-wrap: anywhere;
  word-break: break-word;
}

.case-opinia-embed .opinia-card__header .elementor-image-box-description {
  margin: 0;
  font-family: var(--e-global-typography-6997c9c-font-family, "Schibsted Grotesk"), sans-serif;
  font-size: var(--e-global-typography-6997c9c-font-size, 0.875rem);
  line-height: var(--e-global-typography-6997c9c-line-height, 1rem);
  color: var(--e-global-color-96ae0cc, #6B7074);

  overflow-wrap: anywhere;
  word-break: break-word;
}

/* ============== */
/* Treść */
/* ============== */

.case-opinia-embed .opinia-card__content,
.case-opinia-embed .opinia-card__content p {
  margin: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* ============== */
/* Przycisk */
/* ============== */



.case-opinia-embed .opinia-card__btn .elementor-button {
  font-family: var(--e-global-typography-c218ec6-font-family, "Schibsted Grotesk"), sans-serif;
  font-size: var(--e-global-typography-c218ec6-font-size, 0.875rem);
  line-height: var(--e-global-typography-c218ec6-line-height, 1rem);

  background-color: var(--e-global-color-c257740, #ffffff);
  border-style: none;
  border-radius: 999px;
    margin-left:2rem;
  padding: 4px 16px;
  box-shadow: 0px 21px 29px 0px rgba(78, 62, 62, 0.08);

  display: inline-flex;
  align-items: center;
  gap: 8px;
  

  max-width: 100%;
}

.case-opinia-embed .opinia-card__btn .elementor-button:hover,
.case-opinia-embed .opinia-card__btn .elementor-button:focus {
  color: var(--e-global-color-primary, #F9F4EF);
  background-color: var(--e-global-color-text, #002F53);
}

.case-opinia-embed .opinia-card__btn .elementor-button-text {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* ============== */
/* Dekor (absolute) */
/* ============== */

.case-opinia-embed .opinia-card__decor {
  position: absolute !important;
  left: 0;
  bottom: -2rem; /* jak w Twoim oryginale; zmień na 0 jeśli ma nie wystawać */
  pointer-events: none;
}

.case-opinia-embed .opinia-card__decor .elementor-icon {
  font-size: 2rem;
}

.case-opinia-embed .opinia-card__decor svg {
  height: 2rem;
  max-width: 100%;
}


.bg-blur{
  -webkit-backdrop-filter: blur(39px);
  backdrop-filter: blur(39px);
}



/* --- 5. RESPONSIVENESS (MOBILE) --- */
@media (max-width: 500px) {
    /* Na mniejszych ekranach przycisk zostaje w środku, ale tekst może być krótszy */
    #newsletter_01 .elementor-field-group-email input {
        padding-right: 140px; /* Zmniejszamy trochę padding */
        font-size: 13px;
    }
    
    #newsletter_01 .elementor-button {
        padding: 0 12px;
    }
    
    #newsletter_01 .elementor-button-text {
        font-size: 14px;
    }
}

/* =========================
   FILTR-1: SEARCH + DATA
   ========================= */

.search-filter-input-checkbox__label {
    padding-left: unset !important;
}



/* bazowy pill */
.filtr-1 .search-filter-input-text,
.filtr-1 .search-filter-component-combobox{
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;

  /* tło jak strona (u Ciebie kit ma primary = F9F4EF) */
  background: var(--e-global-color-primary, #F9F4EF);

  border: 1px solid var(--e-global-color-text, #002F53);
  border-radius: 999px;

  /* bez “paddingów” na wrapperze – padding dajemy precyzyjnie elementom w środku */
  padding: 0;
  transition: border-color .15s ease, box-shadow .15s ease;
}

/* SEARCH: przerzuć lupę na prawą stronę */
.filtr-1 .search-filter-input-text{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
}

/* Ikona jest pierwsza w DOM, więc dajemy jej auto-margin w lewo */
.filtr-1 .search-filter-input-text .search-filter-icon{
  order: 2;
  margin-left: auto;
}

/* Input ma zająć resztę miejsca po lewej */
.filtr-1 .search-filter-input-text input[type="text"]{
  order: 1;
  flex: 1 1 auto;
  min-width: 0;

  border: 0;
  outline: 0;
  background: transparent !important;
  padding: 0;               /* bez dodatkowych paddingów w polu */
  margin: 0;

  color: var(--e-global-color-text, #002F53);
  font-size: 14px;
}

/* SELECT / combobox: usuń padding w headerze i nie pokazuj “ring” na starcie */
.filtr-1 .search-filter-component-combobox__header{
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
  padding: 0 16px;          /* minimalny, żeby tekst nie kleił się do obramowania */
}

/* input w select: bez paddingów i bez granatowego tła z Elementora */
.filtr-1 input.search-filter-component-combobox__actions-input{
  flex: 1 1 auto;
  min-width: 0;

  border: 0;
  outline: 0;
  background: transparent !important;
  padding: 0;
  margin: 0;

  color: var(--e-global-color-text, #002F53);
  font-size: 14px;
}

/* Toggle strzałki */
.filtr-1 .search-filter-component-combobox__listbox-toggle{
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
}

/* Ikony w filtr-1 */
.filtr-1 .search-filter-icon svg,
.filtr-1 .search-filter-component-combobox svg{
  width: 18px;
  height: 18px;
  fill: var(--e-global-color-text, #002F53);
}

/* WAŻNE: ring tylko na focus/hover, nie “po otwarciu strony”
   (czyli bez stylu na samym wrapperze, dopiero focus-within/hover) */
.filtr-1 .search-filter-input-text:focus-within,
.filtr-1 .search-filter-component-combobox:focus-within,
.filtr-1 .search-filter-input-text:hover,
.filtr-1 .search-filter-component-combobox:hover{
  border-color: var(--e-global-color-secondary, #009DA4);
}

/* Usuń “ring”/granat, który Elementor może wstrzykiwać na focus */
.filtr-1 .search-filter-input-text input[type="text"]:focus,
.filtr-1 input.search-filter-component-combobox__actions-input:focus{
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}


/* =========================
   FILTR-2: KATEGORIE — ukrycie nadrzędnych + checkboxów + wcięcia
   ========================= */

/* 1. Ukryj CAŁY LABEL kategorii nadrzędnej (top-level: bezpośredni div > label)
      Dotyczy "DLA ORGANIZACJI", "DLA MIESZKAŃCÓW" itp. */
#search-filter-input-checkbox-0 > div > label.search-filter-input-checkbox__container {
    display: none !important;
}

/* 2. Ukryj też ukryty INPUT (checkbox) kategorii nadrzędnej
      (jest przed label, też bezpośrednie dziecko div) */
#search-filter-input-checkbox-0 > div > input.search-filter-input-checkbox__input {
    display: none !important;
}

/* 3. Ukryj span.control (kwadracik checkbox) przy PODRZĘDNYCH kategoriach
      (zostawiamy tylko tekst etykiety) */
#search-filter-input-checkbox-0 span.search-filter-input-checkbox__control {
    display: none !important;
}

/* 4. Usuń wcięcie z kontenera dzieci — podnieś je na poziom nadrzędnego */
#search-filter-input-checkbox-0 > div > div[role="group"] {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
/* =========================
   FILTR: WYSZARZANIE NIEZAZNACZONYCH
   ========================= */
.search-filter-input-checkbox.search-filter-input-checkbox--is-active > * {font-weight: 700!important;}

/* =========================
   FILTR-1: dropdown "Data" (listbox)
   ========================= */

/* 1) Kontener listy – celujemy też po ID, bo to jest pewny strzał */
.filtr-1 ul#search-filter-input-combobox-listbox-0,
.filtr-1 .search-filter-field--id-2 .search-filter-component-popup.search-filter-component-combobox-base__listbox{
  background-color: var(--e-global-color-primary, #F9F4EF) !important;
  color: var(--e-global-color-text, #002F53) !important;

  border: 1px solid var(--e-global-color-text, #002F53) !important;
  border-radius: 18px !important;

  /* kluczowe: bez tego dół często wygląda “na prosty” */
  overflow: hidden !important;

  /* spójny rozmiar tekstu */
  font-size: 14px !important;
  line-height: 20px !important;

  /* ciaśniejszy padding niż wtyczka (u Ciebie ma 8px) */
  padding: 6px !important;
}

/* 2) Opcje (LI) */
.filtr-1 #search-filter-input-combobox-listbox-0 > li,
.filtr-1 .search-filter-field--id-2 .search-filter-component-combobox-base__listbox-option{
  font-size: 14px !important;
  line-height: 20px !important;
  padding: 10px 12px !important;
  margin: 0 !important;             /* wtyczka ma margin:0, zostawiamy równo */
}

/* 3) Hover / focus (active) */
.filtr-1 #search-filter-input-combobox-listbox-0 > li:hover,
.filtr-1 .search-filter-field--id-2 .search-filter-component-combobox-base__listbox-option--active{
  background: rgba(0,157,164,.10) !important;
  color: var(--e-global-color-text, #002F53) !important;
}

/* 4) Zaznaczony (selected) – żeby nie było domyślnego niebieskiego */
.filtr-1 .search-filter-field--id-2 .search-filter-component-combobox-base__listbox-option--selected,
.filtr-1 #search-filter-input-combobox-listbox-0 > li[aria-selected="true"]{
  background: var(--e-global-color-secondary, #009DA4) !important;
  color: var(--e-global-color-primary, #F9F4EF) !important;
  font-weight: 700;
}

/* Dropdown S&F – globalnie (bo popup może być poza .filtr-1) */
ul[id^="search-filter-input-combobox-listbox-"].search-filter-component-popup.search-filter-component-combobox-base__listbox{
  background-color: #F9F4EF !important;
  color: #002F53 !important;

  border: 1px solid #002F53 !important;
  border-radius: 18px !important;
  overflow: hidden !important;

  font-size: 14px !important;
  line-height: 20px !important;

  padding: 6px !important;
  z-index: 999999 !important;
}

ul[id^="search-filter-input-combobox-listbox-"] > li.search-filter-component-combobox-base__listbox-option{
  font-size: 14px !important;
  line-height: 20px !important;
  padding: 10px 12px !important;
}

ul[id^="search-filter-input-combobox-listbox-"] > li.search-filter-component-combobox-base__listbox-option:hover,
ul[id^="search-filter-input-combobox-listbox-"] > li.search-filter-component-combobox-base__listbox-option--active{
  background: rgba(0,157,164,.10) !important;
  color: #002F53 !important;
}

ul[id^="search-filter-input-combobox-listbox-"] > li.search-filter-component-combobox-base__listbox-option--selected,
ul[id^="search-filter-input-combobox-listbox-"] > li[aria-selected="true"]{
  background: #009DA4 !important;
  color: #F9F4EF !important;
  font-weight: 700;
  border-radius: 14px;
}

/* Combobox (Data): placeholder/label jako SPAN (tryb search-disabled) */
.filtr-1 .search-filter-field--id-2 .search-filter-component-combobox__selection span,
.filtr-1 .search-filter-field--id-2 .search-filter-component-combobox__selection-placeholder,
.search-filter-component-combobox--search-disabled .search-filter-component-combobox__selection span,
.search-filter-component-combobox--search-disabled .search-filter-component-combobox__selection-placeholder{
  font-size: 14px !important;
  line-height: 20px !important;
}

.search-filter-component-combobox--search-disabled .search-filter-component-combobox__selection-placeholder{
  color: rgba(0,47,83,.65) !important;
}
/* =========================
   TOP BAR: Filtry / Wyczyść / Zastosuj / Sortowanie
   ========================= */

:root{
  --sf-text: #002F53;
  --sf-accent: #009DA4;
}

/* --- FILTRY (ikonka w kółku + napis) --- */
#toggle-filtr-btn .elementor-icon-box-wrapper{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:8px;
  padding:0;
  height:24px;
}

#toggle-filtr-btn .elementor-icon{
  width:24px;
  height:24px;
  border:1px solid var(--sf-text);
  border-radius:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: border-color .15s ease;
}

#toggle-filtr-btn .elementor-icon svg{
  width:24px;
  height:24px;
}

#toggle-filtr-btn .elementor-icon-box-title span{
  font-family: "Schibsted Grotesk", sans-serif;
  font-weight:400;
  font-size:14px;
  line-height:17px;
  color:var(--sf-text);
  transition: color .15s ease;
}

/* zachowanie jak przycisk */
#toggle-filtr-btn{
  cursor:pointer;
  user-select:none;
}

/* hover + aktywny (po kliknięciu, gdy JS doda .is-active) */
#toggle-filtr-btn:hover .elementor-icon,
#toggle-filtr-btn.is-active .elementor-icon{
  border-color:var(--sf-accent);
}

#toggle-filtr-btn:hover .elementor-icon-box-title span,
#toggle-filtr-btn.is-active .elementor-icon-box-title span{
  color:var(--sf-accent);
}

/* focus dla klawiatury (jeśli nadałeś tabindex w JS) */
#toggle-filtr-btn:focus-visible{
  outline:2px solid var(--sf-accent);
  outline-offset:3px;
  border-radius:8px;
}

/* --- WYCZYŚĆ / ZASTOSUJ (Search & Filter buttons) --- */
#filters-2 .button-wyczysc .search-filter-input-button,
#filters-2 .button-zastosuj .search-filter-input-button{
  display:flex;
  align-items:center;
  gap:8px;

  padding:0;
  min-height:24px;

  border:0;
  background:transparent;
  box-shadow:none;

  font-family: "Schibsted Grotesk", sans-serif;
  font-weight:400;
  font-size:14px;
  line-height:17px;
  color:var(--sf-text);

  cursor:pointer;
}

/* ikonka po LEWEJ – pseudo-element */
#filters-2 .button-wyczysc .search-filter-input-button::before,
#filters-2 .button-zastosuj .search-filter-input-button::before{
  content:"";
  width:24px;
  height:24px;
  border:1px solid var(--sf-text);
  border-radius:26px;
  display:inline-block;
  flex:0 0 24px;
  transition: border-color .15s ease;
}

/* hover dla ikonki (kółka) */
#filters-2 .button-wyczysc .search-filter-input-button:hover::before,
#filters-2 .button-zastosuj .search-filter-input-button:hover::before{
  border-color:var(--sf-accent);
}

/* focus-visible dla przycisków (klawiatura) */
.button-wyczysc .search-filter-input-button:focus-visible,
.button-zastosuj .search-filter-input-button:focus-visible,
.button-wyczysc button:focus, .button-zastosuj button:focus
{
    background: none!important;
    border: none!important;
    color:var(--e-global-color-secondary)!important;
}
#filters-2 .search-filter-input-button:focus-visible{
  outline:2px solid var(--sf-accent);
  outline-offset:3px;
  border-radius:8px;
}


/* --- SORTOWANIE: ma wyglądać jak tekst + mała strzałka, bez "pilla" --- */
.search-filter-field--id-11.search-filter-style--control-sort{
  /* żeby to było po prawej, jak w projekcie */
  display:flex;
  justify-content:flex-end;
}

/* sam input/placeholder i selection w 14px */
.search-filter-field--id-11.search-filter-style--control-sort
.search-filter-component-combobox__actions-input,
.search-filter-field--id-11.search-filter-style--control-sort
.search-filter-component-combobox__selection span{
  font-family: "Schibsted Grotesk", sans-serif;
  font-weight:400;
  font-size:14px !important;
  line-height:17px !important;
  color:#002F53;
}

/* usuń obramowania/boxy z comboboxa sortowania */
.search-filter-field--id-11.search-filter-style--control-sort
.search-filter-component-combobox-base{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* strzałka po prawej – zmniejsz i ustaw kolor */
.search-filter-field--id-11.search-filter-style--control-sort
.search-filter-component-combobox__listbox-toggle{
  flex:0 0 auto;
}
.search-filter-field--id-11.search-filter-style--control-sort
.search-filter-component-combobox__listbox-toggle svg{
  width:14px;
  height:14px;
  fill:#002F53;
}


/* =========================
   WYCZYŚĆ / ZASTOSUJ z ikonami SVG
   ========================= */

.button-wyczysc .search-filter-input-button,
.button-zastosuj .search-filter-input-button{
  display:flex;
  align-items:center;
  gap:8px;
  padding:0;
  height:24px;

  border:0;
  background:transparent;
  box-shadow:none;

  font-family: "Schibsted Grotesk", sans-serif;
  font-weight:400;
  font-size:14px;
  line-height:17px;
  color:#002F53;

  cursor:pointer;
}

/* wspólna baza pod ikonę */
.button-wyczysc .search-filter-input-button::before,
.button-zastosuj .search-filter-input-button::before{
  content:"";
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:inline-block;

  background-repeat:no-repeat;
  background-position:center;
  background-size:24px 24px;
}

/* Wyczyść: ikona z pliku */
.button-wyczysc .search-filter-input-button::before{
  background-image: url("https://mam.bis-krakow.pl/wp-content/uploads/2026/01/ikona-wyczysc.svg");
}

/* Zastosuj: strzałka z pliku */
.button-zastosuj .search-filter-input-button::before{
  background-image: url("https://mam.bis-krakow.pl/wp-content/uploads/2026/01/navy-arrow-right.svg");
}

/* opcjonalnie: delikatny hover bez psucia Figmy */
.button-wyczysc .search-filter-input-button:hover,
.button-zastosuj .search-filter-input-button:hover{
  color:var(--e-global-color-secondary)!important;
  border:none;
}

/* =========================
   SORTOWANIE = zwykły tekst
   ========================= */

/* zdejmij cały "input-look" z comboboxa sortowania */
.search-filter-field--id-11.search-filter-style--control-sort .search-filter-component-combobox-base,
.search-filter-field--id-11.search-filter-style--control-sort .search-filter-component-combobox{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* zdejmij paddingi z headera i działań */
.search-filter-field--id-11.search-filter-style--control-sort .search-filter-component-combobox__header,
.search-filter-field--id-11.search-filter-style--control-sort .search-filter-component-combobox__actions{
  padding:0 !important;
}

/* tekst i placeholder 14px */
.search-filter-field--id-11.search-filter-style--control-sort
.search-filter-component-combobox__actions-input{
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;

  font-family:"Schibsted Grotesk", sans-serif;
  font-size:14px !important;
  line-height:17px !important;
  font-weight:400 !important;
  color:#002F53;
}

/* gdy w polu jest już wybrana opcja, wtyczka pokazuje ją w .__selection span */
.search-filter-field--id-11.search-filter-style--control-sort
.search-filter-component-combobox__selection span{
  font-family:"Schibsted Grotesk", sans-serif;
  font-size:14px !important;
  line-height:17px !important;
  font-weight:700 !important; /* pogrubienie samej opcji */
  color:#002F53;
}

/* strzałka w dół jako zwykła ikona, bez separatora/paska */
.search-filter-field--id-11.search-filter-style--control-sort
.search-filter-component-combobox__listbox-toggle{
  padding:0 !important;
  flex:0 0 auto;
}
.search-filter-field--id-11.search-filter-style--control-sort
.search-filter-component-combobox__listbox-toggle::before{
  display:none !important; /* usuwa pionowy separator, który bywa dodawany */
}
/* =========================
   SORTOWANIE (S&F): prawy róg, jeden wiersz, bold tylko opcja
   ========================= */

/* całe pole sortowania jako jeden rząd + do prawej */
.search-filter-field--id-11.search-filter-style--control-sort{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;

  gap:8px;
  width:100%;
  max-width:100%;

  white-space:nowrap; /* wszystko w 1 wierszu */
}

/* "sortowanie:" jako zwykły tekst */
.search-filter-field--id-11.search-filter-style--control-sort .search-filter-label{
  display:inline-block !important;
  width:6% !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"Schibsted Grotesk", sans-serif;
  font-size:14px;
  line-height:17px;
  font-weight:400;
  color:#002F53;

  white-space:nowrap;
}
/* =========================
   SORTOWANIE = tekst + opcja pogrubiona w jednym wierszu, wyrównane do prawej
   ========================= */

/* Kontener całego pola sortowania (wrapper shortcodu) – do prawej */
.search-filter-field--id-11.search-filter-style--control-sort{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:0; /* label i combobox sklejamy bez odstępu (lub 4px jeśli chcesz) */
}

/* LABEL "sortowanie:" – zwykły tekst 14px */
.search-filter-field--id-11 #search-filter-label-5.search-filter-label{
  margin:0 !important;
  padding:0 4px 0 0 !important; /* mały odstęp przed comboboxem */
  
  font-family:"Schibsted Grotesk", sans-serif;
  font-size:14px !important;
  line-height:17px !important;
  font-weight:400 !important;
  color:#002F53;
  
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}


.search-filter-field--id-11.search-filter-style--control-sort .search-filter-component-combobox-base {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  width: 10%;
}

.search-filter-field--id-11.search-filter-style--control-sort .search-filter-component-combobox-base, .search-filter-field--id-11.search-filter-style--control-sort .search-filter-component-combobox {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    width: 12%;
}

/* Header comboboxa (owijka dla actions + selection + toggle) */
.search-filter-field--id-11.search-filter-style--control-sort .search-filter-component-combobox__header{
  padding:0 !important;
  gap:0; /* mała przerwa między opcją a strzałką */
  display:flex;
  align-items:center;
}

/* Actions (owijka dla input) */
.search-filter-field--id-11.search-filter-style--control-sort .search-filter-component-combobox__actions{
  padding:0 !important;
  min-width:0;
}

/* INPUT (placeholder gdy puste) – 14px, normal */
.search-filter-field--id-11.search-filter-style--control-sort
.search-filter-component-combobox__actions-input{
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
  min-height:0 !important;
  height:auto !important;
  
  font-family:"Schibsted Grotesk", sans-serif;
  font-size:14px !important;
  line-height:17px !important;
  font-weight:400 !important;
  color:#002F53;
}

/* SELECTION SPAN (wybrana opcja) – 14px BOLD */
.search-filter-field--id-11.search-filter-style--control-sort
.search-filter-component-combobox__selection{
  padding:0 !important;
  margin:0 !important;
}

.search-filter-field--id-11.search-filter-style--control-sort
.search-filter-component-combobox__selection span{
  font-family:"Schibsted Grotesk", sans-serif;
  font-size:14px !important;
  line-height:17px !important;
  font-weight:700 !important; /* pogrubienie */
  color:#002F53;
  padding:0 !important;
}

/* STRZAŁKA w dół – bez separatora, mała ikona */
.search-filter-field--id-11.search-filter-style--control-sort
.search-filter-component-combobox__listbox-toggle{
  padding:0 !important;
  flex:0 0 auto;
  width:auto !important;
  border:0 !important;
}

.search-filter-field--id-11.search-filter-style--control-sort
.search-filter-component-combobox__listbox-toggle::before{
  display:none !important; /* usuwa pionowy separator */
}

.search-filter-field--id-11.search-filter-style--control-sort
.search-filter-component-combobox__listbox-toggle svg{
  width:14px;
  height:14px;
  fill:#002F53;
}

/* Usuń ewentualne "clear selection" (X) przy sortowaniu */
.search-filter-field--id-11.search-filter-style--control-sort
.search-filter-component-combobox__clear-selection{
  display:none !important;
}

/* Search & Filter: spinner overlay nie może zasłaniać/klikać po wynikach */
.search-filter-query__spinner{
  pointer-events: none !important;
  z-index: 1 !important;
}

#search-filter-input-combobox-4::placeholder {
    font-size: 14px !important;
}

.elementor-pagination .page-numbers.current{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 40px;
  height: 40px;

  padding: 0;              /* ważne: usuwa nadmiarowy "balast" */
  line-height: 1;          /* nie ustawiaj line-height na px */
  border-radius: 50%;

  background: var(--e-global-color-text);
  color: var(--e-global-color-primary);
  border: 2px solid var(--e-global-color-text); /* cienka obwódka, jeśli potrzebna */
  box-sizing: border-box;  /* border nie zwiększy finalnego rozmiaru */
}

/* RESET STARYCH STYLI */
.program-wydarzen,
.program-wydarzen * {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-style: normal !important;
    display: block !important;
}

/* GŁÓWNY KONTENER - SIATKA KAFELKÓW */
.program-wydarzen-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 32px !important;
    margin: 40px 0 !important;
    padding: 0 !important;
}

/* KAFELEK POJEDYNCZEGO DNIA */
.dzien-wydarzenia {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 24px 24px 48px !important;
    gap: 32px !important;
    
    width: calc(50% - 16px) !important;
    min-width: 280px !important;
    
    background: #FFFFFF !important;
    border-radius: 4px !important;
    
    
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.dzien-wydarzenia:hover {
    transform: translateY(-2px) !important;
    
}

/* NAGŁÓWEK DNIA */
.dzien-naglowek {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 0 !important;
    gap: 8px !important;
    width: 100% !important;
}

/* WIERSZ Z DATĄ I PROWADZĄCYM */
.data-row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 !important;
    gap: 8px !important;
    width: 100% !important;
}

/* MAŁA DATA (np. 15 grudnia) */
.data-mala {
    display: inline-block !important;
    
    font-family: 'Schibsted Grotesk', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 17px !important;
    
    color: #002F53 !important;
}

/* BADGE PROWADZĄCEGO */
.prowadzenie-badge {
    display: inline-flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 6px 16px !important;
    gap: 4px !important;
    
    border: 1px solid #B3C1CC !important;
    border-radius: 40px !important;
    
    font-family: 'Schibsted Grotesk', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 15px !important;
    
    color: #002F53 !important;
    background: transparent !important;
}

/* NAZWA DNIA TYGODNIA (Poniedziałek, Wtorek...) */
.dzien-tygodnia {
    display: block !important;
    width: 100% !important;
    
    font-family: 'Schibsted Grotesk', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 26px !important;
    line-height: 32px !important;
    
    color: #002F53 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* UKRYJ STARY NAGŁÓWEK DATA-WYDARZENIA */
.data-wydarzenia {
    display: none !important;
}

/* HARMONOGRAM - LISTA WYDARZEŃ */
.harmonogram {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 0 !important;
    gap: 24px !important;
    width: 100% !important;
}

/* POJEDYNCZA POZYCJA W HARMONOGRAMIE */
.pozycja-harmonogramu {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    padding: 0 !important;
    gap: 16px !important;
    width: 100% !important;
    
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}

/* GODZINY */
.godziny {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 0 !important;
    gap: 10px !important;
    
    min-width: 84px !important;
    flex-shrink: 0 !important;
    
    font-family: 'Schibsted Grotesk', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    
    color: #6B7074 !important;
}

.godziny span {
    display: inline !important;
}

/* OPIS WYDARZENIA */
.opis {
    display: block !important;
    flex-grow: 1 !important;
    
    font-family: 'Schibsted Grotesk', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    
    color: #6B7074 !important;
}

.opis p {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}

/* ========================================
   ZAPOWIEDZI - KAFEL "JUŻ WKRÓTCE"
   (CIEMNY MOTYW - #002F53)
   ======================================== */

.zapowiedz-wydarzenia {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 24px 24px 48px !important;
    gap: 32px !important;
    
    width: calc(50% - 16px) !important;
    min-width: 280px !important;
    
    background: #002F53 !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.zapowiedz-wydarzenia:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

/* Nagłówek w zapowiedzi - taka sama struktura jak .dzien-naglowek */
.zapowiedz-wydarzenia .dzien-naglowek,
.zapowiedz-wydarzenia > div:first-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 0 !important;
    gap: 8px !important;
    width: 100% !important;
}

/* Etykieta "Już wkrótce" - teraz w .data-row więc styl jak .data-mala */
.etykieta-zapowiedzi {
    display: inline-block !important;
    
    font-family: 'Schibsted Grotesk', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 17px !important;
    
    color: #F9F4EF !important;
    margin: 0 !important;
}

/* Badge prowadzącego w zapowiedzi - jasny tekst */
.zapowiedz-wydarzenia .prowadzenie-badge {
    color: #F9F4EF !important;
    border-color: #B3C1CC !important;
}

/* Nagłówek wkrótce - zmień h5 na h3 dla spójności */
.naglowek-wkrotce {
    display: block !important;
    width: 100% !important;
    
    font-family: 'Schibsted Grotesk', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 26px !important;
    line-height: 32px !important;
    
    color: #F9F4EF !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Treść zapowiedzi - jak .harmonogram */
.daty-wkrotce {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 0 !important;
    gap: 24px !important;
    width: 100% !important;
}

/* Pojedynczy element zapowiedzi - jak .pozycja-harmonogramu */
.data-wkrotce-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    padding: 0 !important;
    gap: 16px !important;
    width: 100% !important;
    
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}

/* Data w zapowiedzi - jak .godziny ale jasna */
.data-wkrotce-item strong {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 0 !important;
    gap: 10px !important;
    
    min-width: 84px !important;
    flex-shrink: 0 !important;
    
    font-family: 'Schibsted Grotesk', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    
    color: #F9F4EF !important;
}

/* Opis w zapowiedzi - jak .opis ale jasny */
.data-wkrotce-item > div {
    display: block !important;
    flex-grow: 1 !important;
    
    font-family: 'Schibsted Grotesk', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    
    color: #F9F4EF !important;
}

.data-wkrotce-item p {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}

.data-wkrotce-item a {
    color: #F9F4EF !important;
    text-decoration: underline !important;
}

/* RESPONSYWNOŚĆ */
@media (max-width: 768px) {
    .program-wydarzen-wrapper {
        flex-direction: column !important;
        gap: 24px !important;
    }
    
    .dzien-wydarzenia,
    .zapowiedz-wydarzenia {
        width: 100% !important;
    }
    
    .godziny,
    .data-wkrotce-item strong {
        min-width: 75px !important;
        font-size: 13px !important;
    }
    
    .opis,
    .data-wkrotce-item > div {
        font-size: 13px !important;
    }
}

@media (max-width: 480px) {
    .dzien-wydarzenia,
    .zapowiedz-wydarzenia {
        padding: 16px 16px 32px !important;
        gap: 24px !important;
    }
    
    .dzien-tygodnia,
    .naglowek-wkrotce {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    
    .harmonogram,
    .daty-wkrotce {
        gap: 20px !important;
    }
}

/* Usunięcie domyślnych punktorów i przygotowanie layoutu */
.tresc-masz-pytanie-acf ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

.tresc-masz-pytanie-acf ul li {
    display: flex !important;
    align-items: flex-start !important;
    
    margin-bottom: 12px !important;
    padding-left: 0 !important;
}

.tresc-masz-pytanie-acf ul li::before {
    content: '';
    display: block;
    flex-shrink: 0;
    width: 21.43px;
    height: 21.66px;
    margin-top: 2px;
    margin: 0 1rem 0 0;
    background-image: url(https://mam.bis-krakow.pl//wp-content/uploads/2026/01/bullet_ico.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Reset dla zagnieżdżonych list (jeśli są) */
.tresc-masz-pytanie-acf ul li ul {
    margin-top: 8px !important;
    padding-left: 24px !important;
}

.tresc-masz-pytanie-acf ul li p, .tresc-masz-pytanie-acf a {
    margin: 0 !important;
    padding: 0 !important;
}

/* ========================================
   UKRYJ WSZYSTKIE GŁÓWNE KATEGORIE W FILTRZE
   "DLA ORGANIZACJI", "DLA MIESZKAŃCÓW", "DLA BIZNESU"
   ======================================== */

/* =========================================================
   PATCH 0: Odetnij CSS od kokpitu i edytora Elementor
   (wklej na sam koniec starego paste.txt)
   ========================================================= */

/* 1) Global z paste.txt: body overflow-x hidden / max-width 100vw – tylko front */
body.wp-admin,
body.elementor-editor-active{
  /* nic – tylko aby było jasno, że poniżej dotyczy frontu */
}

body:not(.wp-admin):not(.elementor-editor-active){
  overflow-x:hidden;
  max-width:100vw;
}

/* =========================================================
   PATCH 1: Aktualności – mapowanie pod istniejące style
   Cel: wygląd jak na archiwach (organizacje itp.)
   ========================================================= */

/* Search (id-12) i Sort (id-14) mają wyglądać jak .filtr-1 */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-12.aktualnosci-sf .search-filter-input-text,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-28.aktualnosci-sf .search-filter-input-text,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.aktualnosci-sf .search-filter-component-combobox{
  /* dokładnie jak .filtr-1 */
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;
  background: var(--e-global-color-primary, #F9F4EF);
  border: 1px solid var(--e-global-color-text, #002F53);
  border-radius: 999px;
  padding: 0;
  
  transition: border-color .15s ease, box-shadow .15s ease;
}

/* Search: lupa po prawej, input bez ramek */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-12.aktualnosci-sf .search-filter-input-text,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-28.aktualnosci-sf .search-filter-input-text{
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 16px;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-12.aktualnosci-sf .search-filter-input-text .search-filter-icon, body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-28.aktualnosci-sf .search-filter-input-text .search-filter-icon{
  order:2;
  margin-left:auto;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-12.aktualnosci-sf input.search-filter-input-text__input,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-28.aktualnosci-sf input.search-filter-input-text__input{
  order:1;
  flex:1 1 auto;
  min-width:0;
  border:0;
  outline:0;
  background:transparent !important;
  padding:0;
  margin:0;
  color:var(--e-global-color-text, #002F53);
  font-size:14px;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-12.aktualnosci-sf input.search-filter-input-text__input::placeholder, body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-28.aktualnosci-sf input.search-filter-input-text__input::placeholder{
  color: rgba(0,47,83,.65);
  opacity:1;
}

/* Sort (id-14): header bez paddingów, input bez “kitowych” styli */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.aktualnosci-sf .search-filter-component-combobox__header,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.aktualnosci-sf .search-filter-component-combobox__header{
  display:flex;
  align-items:center;
  width:100%;
  gap:12px;
  padding:0 16px;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.aktualnosci-sf input.search-filter-component-combobox__actions-input,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.aktualnosci-sf input.search-filter-component-combobox__actions-input{
  flex:1 1 auto;
  min-width:0;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
  min-height:0 !important;
  height:auto !important;
  font-size:14px !important;
  line-height:20px !important;
  color:var(--e-global-color-text, #002F53);
}

/* Focus/hover ring jak .filtr-1 */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-12.aktualnosci-sf .search-filter-input-text:focus-within,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.aktualnosci-sf .search-filter-component-combobox:focus-within,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.aktualnosci-sf .search-filter-component-combobox:focus-within,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-28.aktualnosci-sf .search-filter-component-combobox:focus-within,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-12.aktualnosci-sf .search-filter-input-text:hover,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.aktualnosci-sf .search-filter-component-combobox:hover,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.aktualnosci-sf .search-filter-component-combobox:hover,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-28.aktualnosci-sf .search-filter-component-combobox:hover{
  border-color: var(--e-global-color-secondary, #009DA4);
}

/* Filtry checkbox (id-13) mają wyglądać jak .filtr-2: sama lista tekstowa */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13.aktualnosci-sf .search-filter-label,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29.aktualnosci-sf .search-filter-label{
  padding:2rem 0;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13.aktualnosci-sf .search-filter-input-group,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29.aktualnosci-sf .search-filter-input-group{
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13.aktualnosci-sf input.search-filter-input-checkbox__input,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29.aktualnosci-sf input.search-filter-input-checkbox__input{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
  margin:0;
  pointer-events:none;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13.aktualnosci-sf .search-filter-input-checkbox__control,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29.aktualnosci-sf .search-filter-input-checkbox__control{
  display:none !important;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13.aktualnosci-sf label.search-filter-input-checkbox__container,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29.aktualnosci-sf label.search-filter-input-checkbox__container{
  display:block;
  margin:0;
  padding:0;
  cursor:pointer;
  user-select:none;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13.aktualnosci-sf .search-filter-input-checkbox__label,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29.aktualnosci-sf .search-filter-input-checkbox__label{
  font-weight:700;
  font-size:14px;
  line-height:1.2;
  color:var(--e-global-color-text, #002F53);
  padding:0 !important;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13.aktualnosci-sf input.search-filter-input-checkbox__input:checked + label .search-filter-input-checkbox__label,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29.aktualnosci-sf input.search-filter-input-checkbox__input:checked + label .search-filter-input-checkbox__label{
  text-decoration:underline;
  text-decoration-color:var(--e-global-color-secondary, #009DA4);
  text-underline-offset:3px;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13.aktualnosci-sf label.search-filter-input-checkbox__container:hover .search-filter-input-checkbox__label,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29.aktualnosci-sf label.search-filter-input-checkbox__container:hover .search-filter-input-checkbox__label{
  color:var(--e-global-color-secondary, #009DA4);
}

/* Sortowanie “jak tekst” – przeniesienie Twoich reguł z id-11 na id-14 */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px;
  width:100%;
  max-width:100%;
  white-space:nowrap;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-label,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-label{
  display:inline-block !important;
  margin:0 !important;
  padding:0 4px 0 0 !important;
  font-family:Schibsted Grotesk, sans-serif;
  font-size:14px !important;
  line-height:17px !important;
  font-weight:400 !important;
  color:#002F53;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox-base,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox-base,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox__header,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox__actions,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox__header,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox__actions{
  padding:0 !important;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox__selection span{
  font-family:Schibsted Grotesk, sans-serif;
  font-size:14px !important;
  line-height:17px !important;
  font-weight:700 !important;
  color:#002F53;
  padding:0 !important;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox__listbox-toggle{
  padding:0 !important;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox__listbox-toggle:before{
  display:none !important;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox__listbox-toggle svg{
  width:14px;
  height:14px;
  fill:#002F53;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox__clear-selection{
  display:none !important;
}

/* =========================================================
   PATCH: Field z etykietą (label) + checkboxy w jednej linii
   Przykład: search-filter-field--id-13 (FILTRY:)
   ========================================================= */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-field--id-23,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-field--id-29,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field__popup.search-filter-field__popup--id-23,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field__popup.search-filter-field__popup--id-29,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-field--id-13,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field__popup.search-filter-field__popup--id-13,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field__popup.search-filter-field__popup--id-29{
  display:flex;
  flex-direction:row;
  align-items:center;     /* centrowanie w pionie */
  gap:12px;              /* odstęp między label a grupą */
}

/* Label: maks. szerokość treści, bez padding/margin */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13 > .search-filter-label,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29 > .search-filter-label, body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-23 > .search-filter-label{
  flex:0 0 auto;
  width:max-content;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap;
}

/* Grupa: zajmuje resztę i układa checkboxy w poziomie */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13 > .search-filter-input-group,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29 > .search-filter-input-group, body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-23 > .search-filter-input-group{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;        /* jak zabraknie miejsca, przełam do kolejnej linii */
  align-items:center;
  gap:12px 16px;         /* pion/poziom między opcjami */
  margin:0;
  padding:0;
}

/* Same opcje: bez “pudełek”, inline */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13 .search-filter-input-checkbox,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29 .search-filter-input-checkbox, body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-23 .search-filter-input-checkbox{
  margin:0;
}

/* Ukryj kontrolkę checkboxa (kwadracik), zostaw sam tekst */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13 input.search-filter-input-checkbox__input,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29 input.search-filter-input-checkbox__input, body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-23 input.search-filter-input-checkbox__input{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
  margin:0;
  pointer-events:none;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13 .search-filter-input-checkbox__control,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29 .search-filter-input-checkbox__control, body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-23 .search-filter-input-checkbox__control{
  display:none !important;
}

/* Label opcji: tekstowy “link-like” */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13 label.search-filter-input-checkbox__container, body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-23 label.search-filter-input-checkbox__container{
  display:inline-flex;
  align-items:center;
  margin:0;
  padding:0;
  cursor:pointer;
  user-select:none;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13 .search-filter-input-checkbox__label,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29 .search-filter-input-checkbox__label, body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-23 .search-filter-input-checkbox__label{
  font-weight:700;
  font-size:14px;
  line-height:1.2;
  color:var(--e-global-color-text, #002F53);
  padding:0 !important;
}

/* Zaznaczenie = podkreślenie (jak wcześniej) */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13 input.search-filter-input-checkbox__input:checked + label .search-filter-input-checkbox__label,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29 input.search-filter-input-checkbox__input:checked + label .search-filter-input-checkbox__label, body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-23 input.search-filter-input-checkbox__input:checked + label .search-filter-input-checkbox__label{
  text-decoration:underline;
  text-decoration-color:var(--e-global-color-secondary, #009DA4);
  text-underline-offset:3px;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13 label.search-filter-input-checkbox__container:hover .search-filter-input-checkbox__label,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29 label.search-filter-input-checkbox__container:hover .search-filter-input-checkbox__label,body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-23 label.search-filter-input-checkbox__container:hover .search-filter-input-checkbox__label{
  color:var(--e-global-color-secondary, #009DA4);
}

/* =========================================================
   PATCH: Checkboxy jako "pastylki" – tylko id-13 (Aktualności)
   ========================================================= */

/* Kontener opcji zostaje flex-row (z poprzedniego patcha), tu tylko wygląd tagów */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13 .search-filter-input-checkbox,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29 .search-filter-input-checkbox,body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-23 .search-filter-input-checkbox{
  margin: 0;
}

/* Klikalny "tag" */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13 label.search-filter-input-checkbox__container,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29 label.search-filter-input-checkbox__container, /* Klikalny "tag" */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-23 label.search-filter-input-checkbox__container{
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;

  height: 33px;

  border: 1px solid #002F53;
  border-radius: 100px;

  /* BIS_shadow */
  filter: drop-shadow(0px 21px 29.5px rgba(78, 62, 62, 0.08));

  background: transparent;
  text-decoration: none;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

/* Ukryj ikonkę kontrolki (kwadracik) – w “tagu” jej nie chcemy */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13 label.search-filter-input-checkbox__container .search-filter-input-checkbox__control,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29 label.search-filter-input-checkbox__container .search-filter-input-checkbox__control, body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-23 label.search-filter-input-checkbox__container .search-filter-input-checkbox__control{
  display: none !important;
}

/* Tekst w tagu */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13 .search-filter-input-checkbox__label,

body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29 .search-filter-input-checkbox__label, body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-23 .search-filter-input-checkbox__label{
  font-family: 'Schibsted Grotesk', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  display: inline-flex;
  align-items: center;
  color: #002F53;

  /* wyłącz poprzednie "underline active" */
  text-decoration: none !important;
  padding: 0 !important;
}

/* Hover = granatowy tag + biały tekst */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13 label.search-filter-input-checkbox__container:hover,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29 label.search-filter-input-checkbox__container:hover,body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-23 label.search-filter-input-checkbox__container:hover{
  background: #002F53;
  border-color: #002F53;
  box-shadow: 0px 21px 29.5px rgba(78, 62, 62, 0.08);
  filter: none; /* żeby nie dublować cienia (opcjonalnie) */
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13 label.search-filter-input-checkbox__container:hover .search-filter-input-checkbox__label,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29 label.search-filter-input-checkbox__container:hover .search-filter-input-checkbox__label, body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-23 label.search-filter-input-checkbox__container:hover .search-filter-input-checkbox__label{
  color: #FFFFFF;
}

/* Zaznaczone = jak hover (stan “aktywny”) */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13 input.search-filter-input-checkbox__input:checked + label.search-filter-input-checkbox__container,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29 input.search-filter-input-checkbox__input:checked + label.search-filter-input-checkbox__container,body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-23 input.search-filter-input-checkbox__input:checked + label.search-filter-input-checkbox__container{
  background: #002F53;
  border-color: #002F53;
  box-shadow: 0px 21px 29.5px rgba(78, 62, 62, 0.08);
  filter: none;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-13 input.search-filter-input-checkbox__input:checked + label.search-filter-input-checkbox__container .search-filter-input-checkbox__label,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-29 input.search-filter-input-checkbox__input:checked + label.search-filter-input-checkbox__container .search-filter-input-checkbox__label,body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-23 input.search-filter-input-checkbox__input:checked + label.search-filter-input-checkbox__container .search-filter-input-checkbox__label{
  color: #FFFFFF;
}

/* =========================================================
   PATCH: Sortowanie (id-14) – prawa strona + "sortowanie: od najnowszych" inline
   ========================================================= */

body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort{
  display:flex !important;
  justify-content:flex-end !important; /* wyrównanie do prawej */
  align-items:center !important;
  width:100%;
}

/* Sklej label + combobox w jeden "tag" tekstowy (17px wysokości w Figmie) */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort{
  gap:8px;             /* jak w Figmie */
  padding:0;
  border-radius:100px; /* nie widać, ale trzyma spójność */
  line-height:17px;
  white-space:nowrap;
}

/* Label "sortowanie:" ma być bez padding/margines */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort > .search-filter-label,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort > .search-filter-label{
  margin:0 !important;
  padding:0 !important;
  flex:0 0 auto;
  width:max-content;
  font-family:'Schibsted Grotesk', sans-serif;
  font-style:normal;
  font-weight:400;
  font-size:14px !important;
  line-height:17px !important;
  color:#002F53;
}

/* Combobox: zero ramek, zero tła, zero paddingów */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox-base,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox-base,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}

body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox__header,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox__actions,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox__selection,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox__header,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox__actions,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox__selection{
  padding:0 !important;
  margin:0 !important;
}

/* Tekst opcji/placeholder: 14/17, normal, kolor #002F53 */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox__actions-input,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox__actions-input{
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
  min-height:0 !important;
  height:auto !important;

  font-family:'Schibsted Grotesk', sans-serif;
  font-style:normal;
  font-weight:400;
  font-size:14px !important;
  line-height:17px !important;
  color:#002F53;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox__actions-input::placeholder,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox__actions-input::placeholder{
  color:#002F53;
  opacity:1;
}

/* Gdy jest wybrana opcja (selection span) – też 14/17, bez “pogrubiania” */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox__selection span,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox__selection span{
  font-family:'Schibsted Grotesk', sans-serif;
  font-style:normal;
  font-weight:400 !important;
  font-size:14px !important;
  line-height:17px !important;
  color:#002F53;
}

/* Strzałka: mała (7x12) i obrócona jak w Figmie */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox__listbox-toggle,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox__listbox-toggle{
  padding:0 !important;
  margin:0 !important;
  flex:0 0 auto;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox__listbox-toggle:before,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox__listbox-toggle:before{
  display:none !important; /* usuń separator */
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox__listbox-toggle svg,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox__listbox-toggle svg{
  width:7px;
  height:12px;
  fill:#002F53;
  transform: rotate(90deg); /* odpowiada macierzy z Figmy (0,1,1,0,0,0) */
  transform-origin:center;
}

/* Usuń "X" czyszczenia w sortowaniu */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-14.search-filter-style--control-sort .search-filter-component-combobox__clear-selection,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field--id-30.search-filter-style--control-sort .search-filter-component-combobox__clear-selection{
  display:none !important;
}


/* =========================================================
   PATCH: Sortowanie – wspólny wygląd + typografia z Elementora
   Dotyczy wszystkich pól: .search-filter-style--control-sort
   ========================================================= */

body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:8px;
  width:100%;
  white-space:nowrap;
  padding:0;
}

/* Label "sortowanie:" – font i size z Elementora */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort > .search-filter-label{
  margin:0 !important;
  padding:0 !important;
  flex:0 0 auto;
  width:max-content;

  font-family: var(--e-global-typography-6997c9c-font-family, "Schibsted Grotesk");
  font-size: var(--e-global-typography-c218ec6-font-size, 0.875rem);
  line-height: 17px;
  font-weight: 400;
  color: var(--e-global-color-text, #002F53);
}

/* Combobox: bez pilla */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort .search-filter-component-combobox-base,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort .search-filter-component-combobox{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}

body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort .search-filter-component-combobox__header,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort .search-filter-component-combobox__actions,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort .search-filter-component-combobox__selection{
  padding:0 !important;
  margin:0 !important;
}

/* Tekst: placeholder i selection spójne z label (Elementor tokens) */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort .search-filter-component-combobox__actions-input,
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort .search-filter-component-combobox__selection span{
  font-family: var(--e-global-typography-6997c9c-font-family, "Schibsted Grotesk");
  font-size: var(--e-global-typography-c218ec6-font-size, 0.875rem) !important;
  line-height: 14px !important;
  font-weight: 400 !important;
  color: var(--e-global-color-text, #002F53) !important;
}

body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort .search-filter-component-combobox__actions-input{
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
  min-height:0 !important;
  height:auto !important;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort .search-filter-component-combobox__actions-input::placeholder{
  color: var(--e-global-color-text, #002F53);
  opacity:1;
}

/* Strzałka: mała, bez separatora */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort .search-filter-component-combobox__listbox-toggle{
  padding:0 !important;
  margin:0 !important;
  flex:0 0 auto;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort .search-filter-component-combobox__listbox-toggle:before{
  display:none !important;
}
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort .search-filter-component-combobox__listbox-toggle svg{
  width:7px;
  height:12px;
  fill: var(--e-global-color-text, #002F53);
  transform: rotate(90deg);
  transform-origin:center;
}

/* Ukryj "X" */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort .search-filter-component-combobox__clear-selection{
  display:none !important;
}

/* =========================================================
   OVERRIDE: Chevron jak w referencji (nie zmieniaj rozmiaru/rotacji SVG)
   Dotyczy wszystkich pól sortowania
   ========================================================= */

body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort
.search-filter-component-combobox__listbox-toggle svg{
  width:14px !important;
  height:14px !important;
  transform:none !important;
  fill:#002F53 !important;
}

/* Zostawiamy: usunięcie separatora (to nie chowa chevrona) */
body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort
.search-filter-component-combobox__listbox-toggle:before{
  display:none !important;
}


body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort > .search-filter-label{
  padding:0 4px 0 0 !important;
}


/* =========================================================
   GLOBAL: Sortowanie – wybrana opcja ma być pogrubiona (bold)
   ========================================================= */

body:not(.wp-admin):not(.elementor-editor-active)
.search-filter-field.search-filter-style--control-sort
.search-filter-component-combobox__selection span{
  font-weight:700 !important;
}

/* =========================================================
   BIS: OSOBA MODAL (v2, bez powtórzeń)
   ========================================================= */

/* Blokada scrolla strony pod spodem (JS dodaje klasę na body) */
body.bis-osoba-modal-open{
  overflow: hidden;
}

/* Overlay: granat + blur tła pod spodem */
.bis-osoba-modal-overlay{
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;

  background: rgba(0, 47, 83, 0.55);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

/* Karta popupa: 856px albo 60% HD, radius 4px, scroll w karcie */
.bis-osoba-modal-content-wrap{
  position: relative;
  width: min(856px, 60vw);
  max-width: 856px;
  max-height: calc(100vh - 4rem);

  background: #fff;
  border-radius: 4px;

  overflow: auto; /* scrolluje cała karta */
  box-shadow: 0 25px 50px rgba(0,0,0,0.25);
}

/* Wewnętrzny wrapper (pod close) */
.bis-osoba-modal-inner{
  position: relative;
}

/* =========================================================
   Close button – nadpisanie Elementor Kit + “X” jak w Figmie
   ========================================================= */

.elementor-kit-7 .bis-osoba-modal-close,
.bis-osoba-modal-close{
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;

  width: 24px !important;
  height: 24px !important;

  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  color: transparent !important; /* ukryj znak × */
  font-size: 0 !important;
  line-height: 0 !important;
  min-height: 0 !important;

  cursor: pointer !important;
  appearance: none;
  -webkit-appearance: none;

  z-index: 50 !important;
}

.bis-osoba-modal-close::before,
.bis-osoba-modal-close::after{
  content: "";
  position: absolute;
  left: 12.5%;
  right: 12.5%;
  top: 50%;
  height: 2px;
  background: #1C1D22;
  transform-origin: center;
}

.bis-osoba-modal-close::before{ transform: translateY(-50%) rotate(45deg); }
.bis-osoba-modal-close::after{  transform: translateY(-50%) rotate(-45deg); }

.bis-osoba-modal-close:hover{ opacity: 0.85; }

.bis-osoba-modal-close:focus-visible{
  outline: 2px solid rgba(0,157,164,.9);
  outline-offset: 3px;
  border-radius: 6px;
}

/* =========================================================
   Loading / error
   ========================================================= */

.bis-osoba-modal-loading,
.bis-osoba-modal-error{
  padding: 4rem 2rem;
  text-align: center;
  color: #6B7074;
}

/* =========================================================
   Treść (Elementor + Gutenberg) – bez wewnętrznego scrolla
   ========================================================= */

.tresc-osoba-popup{
  overflow: visible;
  max-height: none;
  padding: 0 75px 56px;
  box-sizing: border-box;
}

/* BIS_body */
.tresc-osoba-popup p{
  margin: 0 0 16px;
  font-family: "Schibsted Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #6B7074;
}

/* BIS_h4 */
.tresc-osoba-popup h4,
.tresc-osoba-popup h4.wp-block-heading{
  margin: 64px 0 8px;
  font-family: "Schibsted Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  color: #000;
}

/* =========================================================
   Cytat / dymek – quota + ogonek (corn) jak w Figmie
   ========================================================= */

.tresc-osoba-popup blockquote.wp-block-quote{
  position: relative;
  margin: 48px 0 0;

  background: #F9F4EF !important;
  border-radius: 8px 8px 8px 0;

  /* miejsce na ikonę w lewym górnym rogu */
  padding: 44px 16px;
  overflow: visible;
}

/* Ikona quote */
.tresc-osoba-popup blockquote.wp-block-quote::before{
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  width: 24px;
  height: 24px;

  background: url("https://bis-krakow.pl/bis/wp-content/uploads/2026/01/quota.svg")
              no-repeat left top / contain;
  pointer-events: none;
}

/* Ogonek */
.tresc-osoba-popup blockquote.wp-block-quote::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -28px; /* ile wystaje */
  width: 41px;
  height: 37px;

  background: url("https://bis-krakow.pl/bis/wp-content/uploads/2026/01/corn.svg")
              no-repeat left bottom / contain;
  pointer-events: none;
}

/* Tekst cytatu */
.tresc-osoba-popup blockquote.wp-block-quote p{
  margin: 0;
  font-family: "Schibsted Grotesk", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  color: #002F53;
}

/* =========================================================
   RWD
   ========================================================= */

@media (max-width: 1024px){
  .bis-osoba-modal-overlay{ padding: 1rem; }

  .bis-osoba-modal-content-wrap{
    width: min(856px, 92vw);
    max-height: calc(100vh - 2rem);
  }

  .tresc-osoba-popup{
    padding: 0 24px 40px;
  }
}

.kategoria-osoba-zarzad > a{
    border-bottom: solid 16px;
    border-color: var(--e-global-color-accent);
}

.kategoria-osoba-czlonkinie-czlonkowie > a{
    border-bottom: solid 16px;
    border-color: var(--e-global-color-secondary);
}

/* Ikona + tekst w jednym wierszu, wyśrodkowane w pionie */
.wp-block-button .wp-block-button__link{
  background: none;
  display: inline-flex;
  align-items: center;   /* pionowe centrowanie ikony i tekstu */
  gap: 8px;              /* odstęp między ikoną a tekstem */
  line-height: 1.5;      /* możesz zostawić jak masz inline, ale lepiej w CSS */
}

/* Ikona bez rozpychania i bez dziwnych „baseline” */
.wp-block-button .wp-block-button__link img{
  display: block;        /* eliminuje odstęp wynikający z baseline obrazka */
  width: 24px;           /* jak w HTML */
  height: auto;
  flex-shrink: 0;        /* nie pozwól, by ikona się ściskała */
}

/* TYPO: listy w treści wpisu (Elementor Theme Post Content) */
.bis-post :is(ul.wp-block-list, ol.wp-block-list){
  margin-top: 8px;     /* mniejszy odstęp od góry */
  margin-bottom: 24px; /* większy odstęp na dół */
}

/* Gdy lista jest bezpośrednio po tekście – jeszcze ciaśniej u góry */
.bis-post :is(p, h2, h3, h4, h5, h6, blockquote) + :is(ul.wp-block-list, ol.wp-block-list){
  margin-top: 4px;
}

/* Gdy po liście od razu jest akapit/nagłówek – dopilnuj większego oddechu */
.bis-post :is(ul.wp-block-list, ol.wp-block-list) + :is(p, h2, h3, h4, h5, h6, blockquote){
  margin-top: 24px;
}

/* ============================================================
   WYJĄTEK: Pastylki — tylko id-13 i id-29
   Nadpisuje reguły FILTR-2 (display:none !important)
   ============================================================ */

/* 1. Label — pokaż jako pill */
body:not(.wp-admin):not(.elementor-editor-active) .search-filter-field--id-13 #search-filter-input-checkbox-0 > div > label.search-filter-input-checkbox__container,
body:not(.wp-admin):not(.elementor-editor-active) .search-filter-field--id-23 #search-filter-input-checkbox-0 > div > label.search-filter-input-checkbox__container,
body:not(.wp-admin):not(.elementor-editor-active) .search-filter-field--id-29 #search-filter-input-checkbox-0 > div > label.search-filter-input-checkbox__container {
  display: inline-flex !important;
}

/* 2. Input — nie chowaj przez display:none (blokuje klik przez label) */
body:not(.wp-admin):not(.elementor-editor-active) .search-filter-field--id-13 #search-filter-input-checkbox-0 > div > input.search-filter-input-checkbox__input,
body:not(.wp-admin):not(.elementor-editor-active) .search-filter-field--id-23 #search-filter-input-checkbox-0 > div > input.search-filter-input-checkbox__input,
body:not(.wp-admin):not(.elementor-editor-active) .search-filter-field--id-29 #search-filter-input-checkbox-0 > div > input.search-filter-input-checkbox__input {
  display: block !important;
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  pointer-events: none !important;
}
/* ============================================================
   "Wszystkie" (data-option-value="all") zawsze pierwsze
   Działa dla id-13 i id-29 — bez dotykania pozostałych opcji
   ============================================================ */

.search-filter-field--id-13 #search-filter-input-checkbox-0,
.search-filter-field--id-29 #search-filter-input-checkbox-0 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.search-filter-field--id-13 #search-filter-input-checkbox-0 div[data-option-value="all"],
.search-filter-field--id-29 #search-filter-input-checkbox-0 div[data-option-value="all"] {
  order: -1;
}



/* ============================================
   MAILERLITE - FIGMA MATCH
   bis-krakow.pl / form #mlb2-11058461
   ============================================ */

/* Reset szerokości kontenera */
#mlb2-11058461.ml-form-embedContainer,
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
  max-width: 100% !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Wrapper tła - transparent */
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

/* Body formularza - padding i gap */
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody {
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

/* Sekcja treści (nagłówek/opis) - usuń domyślny margin */
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent {
  margin: 0 !important;
}

/* ---- WIERSZ Z INPUTEM I PRZYCISKIEM ---- */

/* formContent - brak dodatkowych odstępów */
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent {
  margin: 0 !important;
  width: 100% !important;
}

/* fieldRow - zerujemy margin, bo gap jest na body */
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
  margin: 0 !important;
}

/* Input e-mail - pill shape */
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input[type="email"],
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input[type="text"] {
  background: #ffffff !important;
  border: 1px solid #02B8BF !important;
  border-radius: 100px !important;
  box-shadow: 0px 13px 15.8px rgba(111, 52, 0, 0.1) !important;
  color: #002F53 !important;
  font-family: 'Schibsted Grotesk', 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 48px !important;
  line-height: 17px !important;
  padding: 0 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::placeholder {
  color: #002F53 !important;
  opacity: 1 !important;
}

/* Ukryj pole "Imię" jeśli chcesz tylko e-mail - usuń ten blok jeśli potrzebujesz imienia */
/* 
#mlb2-11058461 .ml-field-name { display: none !important; }
*/

/* ---- PRZYCISK SUBMIT ---- */

#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
  margin: 0 !important;
  float: none !important;
  width: auto !important;
}

#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.primary {
  background-color: transparent !important;
  border: 1px solid #009DA4 !important;
  border-radius: 100px !important;
  box-shadow: none !important;
  filter: drop-shadow(0px 21px 29.5px rgba(78, 62, 62, 0.08)) !important;
  color: #002F53 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-family: 'Schibsted Grotesk', 'Open Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 21px !important;
  height: 48px !important;
  padding: 12px 16px !important;
  width: auto !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

/* Ikona strzałki w kółku - pseudo-element przed tekstem przycisku */
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.primary::before {
  content: "→" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #009DA4 !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  font-size: 16px !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  line-height: 4em !important;
  order: -1 !important;
  
}

#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.primary:hover {
  background-color: rgba(0, 157, 164, 0.05) !important;
  border-color: #007f85 !important;
}

/* ---- UKŁAD INPUT + BUTTON W JEDNYM WIERSZU ---- */
/* Nadpisujemy układ żeby input i button były obok siebie */

#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form.ml-block-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  margin: 0 !important;
}

#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0 !important;
  background: #ffffff !important;
  border: 1px solid #02B8BF !important;
  border-radius: 100px !important;
  box-shadow: 0px 13px 15.8px rgba(111, 52, 0, 0.1) !important;
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.ml-form-embedContent {display:none!important;}

/* Input wewnątrz pill - bez własnego border */
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent .ml-form-fieldRow input[type="email"],
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent .ml-form-fieldRow input[type="text"] {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  flex: 1 !important;
  height: 46px !important;
  padding: 0 0 0 24px !important;
}

/* Submit osadzony w pill */
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent + * .ml-form-embedSubmit {
  flex-shrink: 0 !important;
}

/* Przenosimy submit do środka pill - trick przez negative margin */
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
  margin-top: -72px !important; /* 48px pill + 24px gap */
  display: flex !important;
  justify-content: flex-end !important;
  pointer-events: none !important;
  width: 100% !important;
  padding-right: 1px !important;
  box-sizing: border-box !important;
}

#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.primary {
  pointer-events: auto !important;
  width: 137px !important;
  position: absolute;
  top:0;
  right: 0;
}

/* Ukryj etykiety - tylko placeholdery */
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label {
  display: none !important;
}

/* ---- CHECKBOX ---- */

#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
  margin: 0 !important;
  float: none !important;
  display: flex !important;
  align-items: flex-start !important;
}

#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label.checkbox {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding-left: 0 !important;
  min-height: auto !important;
}

/* Ukryj natywny checkbox, zastąp custom */
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] {
  position: relative !important;
  z-index: auto !important;
  opacity: 1 !important;
  margin: 2px 0 0 0 !important;
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  border: 1px solid #002F53 !important;
  border-radius: 4px !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}

#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description {
  padding-left: 0 !important; width: 70%;
}

/* Ukryj pseudo-element ::before (custom checkbox ML) */
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before,
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
  display: none !important;
}

#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description p,
#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
  color: #002F53 !important;
  font-family: 'Schibsted Grotesk', 'Open Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#mlb2-11058461.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a {
  color: #002F53 !important;
  text-decoration: underline !important;
}/* End custom CSS */