.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-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-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.4375rem;--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-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;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-secondary );}.elementor-kit-7 a:hover{color:var( --e-global-color-text );}.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 );}.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 );}.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 );}.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 );}.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 );}.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;
}

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;
}

/* 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: 2px;     /* 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;

  box-shadow: 0px 13px 15.8px rgba(111,52,0,.10);
  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);
  box-shadow: 0px 13px 15.8px rgba(111,52,0,.10);
}

/* 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
   ========================= */

.filtr-2 .search-filter-label {
    padding: 2rem 0 ;
}

/* lista do lewej krawędzi (bez pill, bez paddingu) */
.filtr-2 .search-filter-input-group{
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.filtr-2 .search-filter-input-checkbox__label {
    padding: 0 !important;
}

/* ukryj checkbox i kontrolkę; zostaw sam tekst */
.filtr-2 input.search-filter-input-checkbox__input{
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  pointer-events: none;
}
.filtr-2 .search-filter-input-checkbox__control{
  display: none !important;
}

/* label: dociągnięty do lewej, pogrubiony, bez “pilla” */
.filtr-2 label.search-filter-input-checkbox__container{
  display: block;
  margin: 0;
  padding: 0;               /* do lewej krawędzi */
  cursor: pointer;
  user-select: none;
}

/* sam tekst */
.filtr-2 .search-filter-input-checkbox__label{
  font-weight: 700;         /* kategorie i podkategorie bold */
  font-size: 14px;
  line-height: 1.2;
  color: var(--e-global-color-text, #002F53);
}

/* stan zaznaczony: tylko podkreślenie kolorem (bez “pilla”) */
.filtr-2 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;
}

/* (Opcjonalnie) hover na labelu */
.filtr-2 label.search-filter-input-checkbox__container:hover .search-filter-input-checkbox__label{
  color: var(--e-global-color-secondary, #009DA4);
}

/* Jeśli pojawią się wrappery dzieci, też do lewej (bez wcięć) */
.filtr-2 .search-filter-input-group .children,
.filtr-2 .search-filter-input-group .search-filter-children{
  margin: 0;
  padding: 0;
  border: 0;
}

/* HARD reset dla pola "Data" (combobox input) – zbicie reguł theme/Elementor */
.filtr-1 .search-filter-component-combobox input.search-filter-component-combobox__actions-input,
.filtr-1 .search-filter-component-combobox input[type="text"].search-filter-component-combobox__actions-input{
  border: 0 !important;          /* zbija input[type=text] border:1px solid #666 */
  outline: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;

  padding: 0 !important;         /* zbija padding:16px 24px z .elementor-kit-7 */
  margin: 0 !important;
  min-height: 0 !important;      /* zbija min-height:38px z S&F */
  height: auto !important;
  border-radius: 0 !important;
}

/* (opcjonalnie) jeśli “ramka” to tak naprawdę focus-ring na wrapperze S&F,
   to też zbij na starcie i zostaw tylko na hover/focus-within jak chcesz */
.filtr-1 .search-filter-component-combobox.search-filter-component-combobox-base--focused{
  box-shadow: 0px 13px 15.8px rgba(111,52,0,.10) !important;
  border-color: var(--e-global-color-secondary, #009DA4) !important;
}

/* =========================
   FONT-SIZE 14 + PLACEHOLDER
   ========================= */

/* wspólny font-size dla pól tekstowych w filtr-1 */
.filtr-1 .search-filter-input-text input[type="text"],
.filtr-1 .search-filter-component-combobox input.search-filter-component-combobox__actions-input{
  font-size: 14px !important;
  line-height: 20px;
}

/* placeholder: search */
.filtr-1 .search-filter-input-text input[type="text"]::placeholder{
  font-size: 14px !important;
  color: var(--e-global-color-text, #002F53);
  opacity: .65;
}

/* placeholder: data (combobox) – S&F używa też zmiennej, więc ustawiamy i pseudo-element */
.filtr-1 .search-filter-component-combobox{
  --search-filter-input-placeholder-color: rgba(0,47,83,.65);
}

.filtr-1 .search-filter-component-combobox input.search-filter-component-combobox__actions-input::placeholder{
  font-size: 14px !important;
  color: rgba(0,47,83,.65) !important;
  opacity: 1; /* żeby kolor nie był “podwójnie” rozjaśniany przez opacity */
}

/* =========================
   COMBOBOX: LISTA ROZWIJANA (UL/LI)
   ========================= */

/* kontener listy (popup) */
.filtr-1 .search-filter-component-combobox-base__listbox.search-filter-component-popup{
  background: var(--e-global-color-primary, #F9F4EF) !important;
  color: var(--e-global-color-text, #002F53);

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

  padding: 6px !important;
  margin-top: 8px !important;

  box-shadow: 0px 13px 15.8px rgba(111,52,0,.10) !important;
  z-index: 99999; /* na wypadek przykrywania przez karty */
}

/* pojedyncza opcja */
.filtr-1 .search-filter-component-combobox-base__listbox-option{
  font-size: 14px;
  line-height: 20px;

  padding: 10px 12px !important;
  border-radius: 12px;

  margin: 2px 0;
  cursor: pointer;
  user-select: none;
}

/* hover / aktywna (klawiatura) */
.filtr-1 .search-filter-component-combobox-base__listbox-option:hover,
.filtr-1 .search-filter-component-combobox-base__listbox-option--active{
  background: rgba(0,157,164,.10) !important;
  color: var(--e-global-color-text, #002F53) !important;
}

/* zaznaczona */
.filtr-1 .search-filter-component-combobox-base__listbox-option--selected{
  background: var(--e-global-color-secondary, #009DA4) !important;
  color: var(--e-global-color-primary, #F9F4EF) !important;
  font-weight: 700;
}

/* zaznaczona + hover/active (żeby nie “płowiała”) */
.filtr-1 .search-filter-component-combobox-base__listbox-option--selected:hover,
.filtr-1 .search-filter-component-combobox-base__listbox-option--selected.search-filter-component-combobox-base__listbox-option--active{
  background: var(--e-global-color-secondary, #009DA4) !important;
  color: var(--e-global-color-primary, #F9F4EF) !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;

  box-shadow: 0px 13px 15.8px rgba(111,52,0,.10) !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;
  box-shadow: 0px 13px 15.8px rgba(111,52,0,.10) !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
   ========================= */

/* =========================
   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) */
#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;
}


#filters-2.is-collapsed{
  display:none !important;
}

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

#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;
  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ę */
#filters-2 .button-wyczysc .search-filter-input-button::before,
#filters-2 .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 */
#filters-2 .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 */
#filters-2 .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 */
#filters-2 .button-wyczysc .search-filter-input-button:hover,
#filters-2 .button-zastosuj .search-filter-input-button:hover{
  color:#009DA4;
}

/* =========================
   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;
}

/* COMBOBOX (wrapper i baza) – bez „pilla", transparentny */
.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"
   ======================================== */

/* Ukryj checkbox i label głównych kategorii */
.search-filter-field--id-3 [data-option-value="dla-organizacji"] > .search-filter-input-checkbox__container,
.search-filter-field--id-3 [data-option-value="dla-mieszkancow"] > .search-filter-input-checkbox__container,
.search-filter-field--id-3 [data-option-value="dla-biznesu"] > .search-filter-input-checkbox__container {
    display: none !important;
}

.search-filter-field--id-3 [data-option-value="dla-organizacji"] > .search-filter-input-checkbox__input,
.search-filter-field--id-3 [data-option-value="dla-mieszkancow"] > .search-filter-input-checkbox__input,
.search-filter-field--id-3 [data-option-value="dla-biznesu"] > .search-filter-input-checkbox__input {
    display: none !important;
}

/* Zawsze pokazuj grupy podkategorii (nie folded) */
.search-filter-field--id-3 [data-option-value="dla-organizacji"] > .search-filter-input-group,
.search-filter-field--id-3 [data-option-value="dla-mieszkancow"] > .search-filter-input-group,
.search-filter-field--id-3 [data-option-value="dla-biznesu"] > .search-filter-input-group {
    display: block !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    max-height: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Usuń wcięcie dla pierwszego poziomu (bezpośrednie dzieci głównych kategorii) */
.search-filter-field--id-3 [data-option-value="dla-organizacji"] > .search-filter-input-group > .search-filter-input-checkbox,
.search-filter-field--id-3 [data-option-value="dla-mieszkancow"] > .search-filter-input-group > .search-filter-input-checkbox,
.search-filter-field--id-3 [data-option-value="dla-biznesu"] > .search-filter-input-group > .search-filter-input-checkbox {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* ========================================
   HIERARCHIA - WCIĘCIA DLA KOLEJNYCH POZIOMÓW
   ======================================== */

/* Poziom 2 (podkategorie podkategorii) - wcięcie 24px */
.search-filter-field--id-3 [data-option-value="dla-organizacji"] .search-filter-input-checkbox .search-filter-input-group,
.search-filter-field--id-3 [data-option-value="dla-mieszkancow"] .search-filter-input-checkbox .search-filter-input-group,
.search-filter-field--id-3 [data-option-value="dla-biznesu"] .search-filter-input-checkbox .search-filter-input-group {
    padding-left: 24px !important;
}

/* Poziom 3 i kolejne - zwiększaj wcięcie */
.search-filter-field--id-3 [data-option-value="dla-organizacji"] .search-filter-input-checkbox .search-filter-input-group .search-filter-input-group,
.search-filter-field--id-3 [data-option-value="dla-mieszkancow"] .search-filter-input-checkbox .search-filter-input-group .search-filter-input-group,
.search-filter-field--id-3 [data-option-value="dla-biznesu"] .search-filter-input-checkbox .search-filter-input-group .search-filter-input-group {
    padding-left: 48px !important;
}

/* Styl dla checkboxów w hierarchii (opcjonalnie - dla lepszej czytelności) */
.search-filter-field--id-3 .search-filter-input-checkbox.is-open > .search-filter-input-checkbox__container {
    font-weight: 500;
}

/* ========================================
   FIX DLA FOLD/UNFOLD - style przejścia
   ======================================== */

/* Animacja dla rozwijanej grupy (smooth transition) */
.search-filter-input-group {
    transition: max-height 0.3s ease, opacity 0.3s ease;
    overflow: hidden;
}

/* Gdy zamknięta (nie dotyczy głównych kategorii, ale innych) */
.search-filter-input-checkbox:not(.is-open) > .search-filter-input-group {
    max-height: 0 !important;
    opacity: 0 !important;
}

/* Gdy otwarta */
.search-filter-input-checkbox.is-open > .search-filter-input-group {
    max-height: 2000px !important;
    opacity: 1 !important;
}

/* Wyjątek: główne kategorie zawsze otwarte */
.search-filter-field--id-3 [data-option-value="dla-organizacji"] > .search-filter-input-group,
.search-filter-field--id-3 [data-option-value="dla-mieszkancow"] > .search-filter-input-group,
.search-filter-field--id-3 [data-option-value="dla-biznesu"] > .search-filter-input-group {
    max-height: none !important;
    opacity: 1 !important;
}/* End custom CSS */