/* ładowanie podarkuszy .css, które NIE KOLIDUJĄ z innymi częściami kodu (standalone) i dotyczą jednej, ściśle ustalonej funkcjonalności (tight focus) */
/* (funkcja testowa, alfa, do rozwoju) */
@import './custom-pagination.css';



:root, body html {
	--search-bar-margin: 0px;
	
	--sppb-color-primary: #036370 !important; /* RGB(3, 99, 119); */
	--sppb-color-secondary: #048FAC !important;
	--sppb-bg-card-alpha2: RGBA(4, 143, 172, 0.5);
	
	--header-height: 90px;
	
	--border-radius: 4px;
	--a-btn-transition: 0.2s;
}

/* fix dla scroll-a */
html, body { height: auto; overflow-y: auto; }
.body-innerwrapper { 
/* overflow: visible !important;  */
/* height: auto !important;  */
/* overflow-y: visible !important; */
}

body { color: var(--sppb-text-secondary); }

.sppb-section { padding: 90px 0; }
	@media (max-width:768px){.sppb-section { padding: 60px 0; }}
	
body .sppb-btn, body .btn { text-transform: initial; padding: 6px 30px; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; text-align: initial; }
.sppb-feature-box-title { text-align: center; }

.s-h span { opacity: 0.7; }
.s-hc1 .sppb-addon-title { color: #fff; }

.s-no-click { pointer-events: none; }
/* nie działa w #addonId - nie działa i już - nie wiem czemu, to temat na później, jeśli chcemy go zgłębić */
.s-no-click-2 .addon-root-openstreetmap + div { pointer-events: none; }
.s-no-click-2 .addon-root-openstreetmap + div .sppb-addon-wrapper { pointer-events: initial; }

a:hover, a:focus { color: var(--sppb-color-primary); }
a:active { color: #fff; }




/* *** HEADER *** */

/* fixy szablonu */
.header-modules { margin-left: 0; }
.header-right-info { height: var(--header-height); }
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { line-height: var(--header-height); }
#sp-header .logo { height: var(--header-height); }
#sp-header.header-sticky #sp-logo .logo .logo-image { filter: initial; }
/* fix + custom class */
#sp-header.header-sticky .header-sticky-button.sppb-btn-custom.s-hlink2:hover { background: var(--sppb-color-primary)!important; }

/* reguły ogólne + logo */
#sp-header { height: var(--header-height); background: #0000005a; padding: 0 0 0 35px; backdrop-filter: blur(5px) saturate(200%); text-align: initial; }
#sp-header.full-header { padding: 0; }
#sp-header.header-sticky #sp-logo { background: transparent; }		
#sp-header.header-sticky .sppb-addon-wrapper.addon-root-heading:has(.s-hlink1) > div { border-left: 1px solid var(--sppb-bg-card-primary); }
#sp-logo img {filter: invert(1) brightness(80); transition:0s;}
	.header-sticky #sp-logo img {filter: brightness(1); }
#sp-logo, #sp-logo.has-border { padding: 0; }
#sp-logo a, #sp-logo.has-border a { padding: 0 30px 0 35px; }

/* prawa część menu - custom przyciski */
body .s-hlink1.sppb-btn { height: var(--header-height); display: flex; align-items: center; border-left: 1px solid rgb(255 255 255 / 50%); position: relative; }
body .s-hlink2.sppb-btn { height: var(--header-height); display: flex; align-items: center; }
body .sppb-btn.s-hlink1, body .sppb-btn.s-hlink2 { font-weight: 500; }
body #sp-header.header-sticky .s-hlink1.sppb-btn { border-color: var(--sppb-bg-card-primary); }
body .s-hlink1.sppb-btn, body .s-hlink1.sppb-btn:hover { color: #fff; font-size: 16px; padding: 0 16px; }
body #sp-header.header-sticky .s-hlink1.sppb-btn, body #sp-header.header-sticky .s-hlink1.sppb-btn :hover { color: var(--sppb-text-primary); }
body .s-hlink1.sppb-btn:after { content: ''; width: cacl(100% + 1px); display: block; background: #fff; height: 3px; position: absolute; left: 0; right: -1px; bottom: -1px; visibility: hidden; opacity: 0; transition: var(--a-btn-transition); }
body #sp-header.header-sticky .s-hlink1.sppb-btn:after { background-color: var(--sppb-color-secondary); }
body .s-hlink1.sppb-btn:hover:after { visibility: visible; opacity: 1; }

/* mobilne dla headera (wszystkie reguły headera powyżej) */
@media (max-width: 1499px) { .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { font-size: 15px; padding: 0 13px; } }
@media (max-width: 1299px) { body .sppb-btn.s-hlink1, body .sppb-btn.s-hlink2, body .sppb-btn.s-hlink1:hover, body .sppb-btn.s-hlink1:focus, body .sppb-btn.s-hlink1:active { font-size: 14px; padding: 0 8px; } }
@media (max-width: 1349px) { .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { font-size: 14px; padding: 0 10px; } }
@media (max-width: 1249px) { #sp-logo a, #sp-logo.has-border a { padding: 0 10px 0 20px; } }
@media (max-width: 1199px) {
	body .s-hlink1.sppb-btn, body .s-hlink1.sppb-btn:hover { padding: 0 12px; }
	a.s-hlink1 span { display: none; }
	a.s-hlink1:before { content: '\f095'; font-family: "Font Awesome 7 Pro"; font-size: 16px; font-weight: 300; }
}
@media (max-width: 420px) { #sp-logo { max-width: 160px; } }

	/* custom przycisk s-unia */
	.s-unia { order: -1; }
	.s-unia a { height: var(--header-height); display: flex; align-items: center; background: #fff; border: 1px solid var(--sppb-bg-card-primary); border-top: 0; border-right: 0; }
	.s-unia p { margin: 0; }
	.s-unia img { width: 100%; height: auto; max-height: 100%; }
	
	/* mobilne (tylko dla s-unia) */
	@media (max-width: 1499px) {
		.s-unia img { max-width: 180px; }
	}
	/* @media (max-width: 1199px) { */
		/* .s-unia a { align-items: center; } */
		/* .s-unia img { max-width: 130px; } */
	/* } */
	/* @media (max-width: 575px) { */
	@media (max-width: 1199px) {
		.s-unia a { max-width: 52px; display: flex; align-items: center; justify-content: flex-start; overflow: hidden; }
		.s-unia img { width: 130px; position: relative; left: -3px; }
	}








/* page title z menu */
.sp-page-title .sp-page-title-heading {font-size: 60px;}
.sp-page-title .sp-page-title-sub-heading { font-size: 20px;}
@media (max-width: 767px) {
	.sp-page-title .sp-page-title-heading {font-size: 40px;}
	.sp-page-title .sp-page-title-sub-heading { font-size: 18px;}
}




/* szerokosci */
.view-inwestycja #sp-main-body{padding-top:0;}
.view-inwestycja #sp-main-body>.container{max-width:100%; padding:0;}
body.com-mieszkania.view-mieszkanie #sp-main-body { padding: 0; }
.s-mask-bar { height: 64px; background-position: center top; }


#sp-title { position: relative; }
#sp-title:after { content: ''; background: linear-gradient(180deg, var(--sppb-bg-gradient-start) 0%, var(--sppb-bg-gradient-end) 100%) transparent; position: absolute; inset: 0; z-index: 1; }
#sp-title .container { position: relative; z-index: 2; }


/* fixy contentu dla sekcji o nietypowym kolorze tła */

/* fix dla niebieskiego tła (na którym znikają niebieskie kropki) */
body .s-bg-clr2-fix .sppb-btn.sppb-btn-link.btn-link-load i::before,
body .s-bg-clr2-fix .sppb-btn.sppb-btn-link.btn-link-load i::after,
body .s-bg-clr2-fix .btn.sppb-btn-link.btn-link-load i::before,
body .s-bg-clr2-fix .btn.sppb-btn-link.btn-link-load i::after
	{ color: #fff; }

.s-bg-dark-fix a { color: var(--sppb-color-secondary-lighter); }
.s-bg-dark-fix a:hover { color: var(--sppb-color-secondary); }

.view-article .article-header-container .article-full-image:before { height: 95%; }
.view-article .article-header-info { color: #fff; }

@media (max-width: 575px) {
	.s-mod-1 .s-h21 .sppb-addon-title, .s-mod-1 .s-h22 .sppb-title-heading { font-size: 36px; }
}






#sp-footer a { color: #fff; }
#sp-footer a:hover, #sp-footer a:focus, #sp-footer a:active { color: #b9d2d7; }
#sp-footer p { margin: 0; }
.footer1 { line-height: 24px; }
#sp-footer .s-foo-menu {}
#sp-footer .s-foo-menu ul li { width: 100%; }
#sp-footer .s-foo-menu ul li a { color: #fff; padding: 0 0 10px 0; }
#sp-footer .s-foo-menu ul li a:hover { color: #14ada4; }
#sp-footer a em { color: #fff; font-style: initial;  }

.offcanvas-menu { text-align: initial; }
.offcanvas-menu, .offcanvas-menu .offcanvas-inner a { color: inherit; }
/* offcnavas - dane pod pod menu (telefony, adresy itp.) */
#mod-custom182 { padding-top: 24px; border-top: 1px solid #e0e0e0; }

.s-slider-home { color: #fff; }
.s-slider-home .sp-slider-custom-dot-indecators ul {padding-left: 0; width: 50% !important; display: flex; margin-left: auto;}  
.s-slider-home .sp-slider-custom-dot-indecators ul li{flex-grow:1;}
.s-slider-home .sp-slider-custom-dot-indecators .sp-slider-custom-dot-indecators{overflow-x: unset;}
@media(max-width:991px){
	.s-slider-home .sp-slider-custom-dot-indecators ul {width: 100% !important;}  
	.s-slider-home .sp-slider-custom-dot-indecators ul li{max-width:33.33% !important; width:33.33% !important}	
}
.s-slider-home .sp-slider-custom-dot-indecators ul li
  
/* remove green sh!tty shadow */
/* muszą być OBIE REGUŁY, żeby działało - initial + ręczne wyzerowanie drop-shadow - nie pytaj... */
.hero-slider .sp-slider-custom-dot-indecators ul li.active, .hero-slider .sp-slider-custom-dot-indecators ul li:hover { filter: initial; }
.hero-slider .sp-slider-custom-dot-indecators ul li.active, .hero-slider .sp-slider-custom-dot-indecators ul li:hover { filter: drop-shadow(0 0 0 transparent); }
.sp-slider .sppb-row > div > div { background: #0004; backdrop-filter: blur(5px) saturate(200%); margin-bottom: 150px; padding: 20px; border-radius: 20px; }
.hero-slider p:last-child { margin: 0; }
.hero-slider .sppb-sp-slider-title { margin: 0 0 28px 0; line-height: 52px; }
.hero-slider .sppb-sp-slider-text { font-size: 20px; font-weight: 600; margin: 0px 0px 20px 0px; }
.hero-slider .sppb-sp-slider-button { margin: 0px 0px 30px 0px; }
.hero-slider .sp-slider-btn-text { margin: 0px 0px 30px 0px; }
.hero-slider .icon-btn.btn-glass .sp-slider-btn-text .sp-slider-btn-icon i, .hero-slider .icon-btn.btn-glass .sp-slider-btn-text i { display: flex; justify-content: center; padding: 8px 24px; }
		/* pierwszy tytuł h2 w slajdzie to bufor dla customizowanego fancy przycisku z ikonką do zmiany slajdu - zaburza układ tekstu na slajdzie - trzeba go ukryć */
		.hero-slider .sppb-row > div > div > h2:first-child { display: none; }
.hero-slider .sp-slider-custom-dot-indecators { bottom: var(--search-bar-margin); }

@media (max-width: 991px) {
	.hero-slider .sp-slider-custom-dot-indecators ul li .sp-slider-dot-indecator-text,
	.hero-slider .sp-slider-custom-dot-indecators ul li .sp-slider-dot-indecator-text .for-controler
		{ display: flex; align-items: center; justify-content: center; }
	.hero-slider .sp-slider-custom-dot-indecators ul li .sp-slider-dot-indecator-text .for-controler { flex-direction: column; }
}

.home-article-listing.sppb-addon-articles .sppb-article-info-wrap h3 a { display: inline-block; /*font-size: 22px;*/ text-align: initial; }
.home-article-listing .sppb-row > .sppb-addon-article-layout .sppb-addon-article-layout-content .sppb-article-info-wrap .sppb-readmore:before
	{ content: '\f178'; font-family: "Font Awesome 7 Pro"!important; font-size: 16px; font-weight: 900; }

/* ????? */
.s-home-search-bar { margin-top: calc(-1 * var(--search-bar-margin) + 15px); }

.s-sec-4 .sppb-icon-container { background: #f0f0f0; padding: 14px; margin-bottom: 15px; border-radius: var(--border-radius); }
.s-sec-4 .sppb-addon-title { font-size: 24px; }

/* border test left */
.border-test-left::before {height: auto; bottom: -100vh; top: -100vh;}
	.sppb-section{overflow:hidden}
@media (min-width: 768px) {
	.border-test-left .sppb-column-addons, .border-test-left .sppb-article-info-wrap { padding-left: 15px; }
	.s-brdlft-fix01.border-test-left .sppb-column-addons, .s-brdlft-fix01.border-test-left .sppb-article-info-wrap { padding-left: 0; }
	.home-article-listing.s-brdlft-fix02 .sppb-row > div:nth-child(2) { padding-left: 30px; }
	.s-brdlft-fix03 { padding-left: 15px; }
} 

body .sppb-btn.sppb-btn-link.s-bll-1, body .btn.sppb-btn-link.s-bll-1, body .sppb-btn.sppb-btn-link.s-bll-1:hover, body .btn.sppb-btn-link.s-bll-1:hover, body .sppb-btn.sppb-btn-link.s-bll-1:focus, body .btn.sppb-btn-link.s-bll-1:focus { color: #fff; }
body .sppb-btn.sppb-btn-link.btn-link-load i:before, body .btn.sppb-btn-link.btn-link-load i:before { position: absolute; top: -7px; left: 5px; right: 0; transform: initial; }
body .sppb-btn.sppb-btn-link.btn-link-load i:after, body .btn.sppb-btn-link.btn-link-load i:after { position: absolute; top: -7px; left: 18px; right: 0; transform: initial; }


/* fixy */
@media (min-width:992px){.s-fix1{padding-top: 32px;}} /*padding dla bocznej kolumny z tekstem aby wyrównywała się z nagłówkiem*/
.top0{padding-top:0} 
.bottom0{padding-bottom:0}

/* tabs - o firmie */
.tab-style1 .sppb-tab-content > .sppb-tab-pane{padding:0;} 




.s-szuk-custom {}
.s-szuk-mid > div { display: flex; gap: 15px; margin: 0 -15px; }
.s-szuk-mid .input-group { display: flex; }
.s-szuk-mid .chosen-container { width: 100%!important; }
.s-szuk-mid label { width: 100%; }






body.view-category .article-list { margin-top: 30px; }











 

/* ==========================================================================
   GLOBAL FORM STYLES (Skin)
   Poprawione centrowanie tekstu i reset paddingów
   ========================================================================== */

:root {
    --input-height: 42px;
    --input-bg: #ffffff;
    --input-border: #ced4da;
    --input-radius: var(--border-radius);
    --input-color: #495057;
    --input-focus-border: #0b2e72;
    --input-focus-shadow: rgba(11, 46, 114, 0.1);
    --input-padding-x: 12px; /* Tylko padding boczny */
    
    /* Ikony SVG */
    --icon-arrow-down: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%236c757d' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    --icon-search: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");
}

/* 1. Reset i stylizacja podstawowa */
input[type="text"],
input[type="password"],
input[type="number"],
select,
.chosen-container-single .chosen-single {
    display: block;
    width: 100%;
    height: var(--input-height) !important;
    /* KLUCZOWE: Padding pionowy 0, line-height równy height dla idealnego środka */
    padding: 0 var(--input-padding-x) !important;
    line-height: var(--input-height) !important;
    
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    color: var(--input-color);
    background-color: var(--input-bg);
    border: 1px solid var(--input-border);
    border-radius: var(--input-radius);
    box-sizing: border-box;
    outline: none;
    margin: 0;
}

/* fix */
.mm-filter-group select { line-height: 36px!important; }

/* Select - usunięcie domyślnych styli przeglądarki */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: var(--icon-arrow-down);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
    padding-right: 30px !important; /* Miejsce na strzałkę */
    cursor: pointer;
    /* Fix dla Firefoxa, który czasem dodaje dziwny padding */
    padding-top: 0;
    padding-bottom: 0;
}

/* Focus */
input:focus,
select:focus,
.chosen-container-active.chosen-with-drop .chosen-single {
    border-color: var(--input-focus-border) !important;
    box-shadow: 0 0 0 3px var(--input-focus-shadow) !important;
}

/* ==========================================================================
   CHOSEN FIXES
   ========================================================================== */
.chosen-container {
    font-size: 14px;
    width: 100% !important;
}

.chosen-container-single .chosen-single {
    background: var(--input-bg) !important;
    box-shadow: none !important;
    /* Korekta dla chosen: czasem border zaburza line-height o 2px */
    line-height: calc(var(--input-height) - 2px) !important; 
    padding-left: var(--input-padding-x) !important;
}

/* Wyśrodkowanie tekstu wewnątrz Chosen */
.chosen-container-single .chosen-single span {
    display: block;
    margin-right: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* Zapewnia, że tekst siedzi równo w pionie */
    line-height: inherit !important; 
}

/* Strzałka w Chosen */
.chosen-container-single .chosen-single div b {
    background-position: 0 11px !important;
    opacity: 0.6;
}

/* Search input wewnątrz dropdowna */
.chosen-container-single .chosen-search input[type="text"] {
    height: 32px !important;
    line-height: 32px !important;
    margin: 5px 0 !important;
    border: 1px solid #ddd !important;
    background-color: #f8f9fa !important;
    background-image: var(--icon-search) !important;
    background-position: right 8px center !important;
    background-repeat: no-repeat !important;
    background-size: 14px !important;
    padding: 0 28px 0 10px !important; /* Padding 0 góra/dół */
}

/* Dropdown wyniki */
.chosen-container .chosen-results li.highlighted {
    background-image: none !important;
    background-color: var(--input-focus-border) !important;
    color: #ffffff !important;
    border-radius: 2px;
}

/* Super High Ingenious Extraordinary Tech (SHIET) fix*/
.sp-page-builder .page-content #bugged-shet { width: 100%!important; }
@media (max-width: 767.98px) { .sp-page-builder .page-content #bugged-shiet { margin: 0!important; } }
@media (max-width: 767.98px) { .sp-page-builder .page-content #bugged-shiet { margin: 0!important; } }








/* ==========================================================================
   LOCAL LAYOUT
   Naprawa spadającego przycisku
   ========================================================================== */

.mm-search-bar {
    padding: 20px 0;
    margin-bottom: 30px;
}

.mm-search-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; /* Pozwala zawijać, ALE dopiero gdy naprawdę nie ma miejsca */
    align-items: flex-end;
    /* Zmniejszamy nieco odstępy, by zyskać miejsce */
    gap: 5px; 
}

.mm-filter-group {
    display: flex;
    flex-direction: column;
    /* Flex: grow(1) shrink(1) basis(auto) 
       To pozwala polom się rozszerzać, ale też KURCZYĆ, żeby przycisk nie spadał */
    flex: 1 1 auto; 
    
    /* Zmniejszamy minimalną szerokość. 
       Wcześniej 140px było zbyt sztywne dla 5 pól + przycisk */
    min-width: 110px; 
}

/* Etykiety */
.mm-label {
    display: block;
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Na wypadek bardzo długiej etykiety */
    color: #0b2e72; 
}

/* Podwójne pola (Powierzchnia) */
.mm-dual-inputs {
    display: flex;
    gap: 5px; /* Mniejszy odstęp między polami od-do */
    /* Zapobiegamy ściskaniu pól input poniżej użyteczności */
    min-width: 140px; 
    flex: 0 0 auto; /* Ta grupa niech się raczej nie kurczy za bardzo */
}
.mm-dual-inputs input { flex-grow: 1; }

.mm-dual-inputs input {
    width: 65px !important; /* Nieco węższe */
    text-align: center;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

/* Przycisk Szukaj */
.mm-search-btn {
    height: 42px;
    padding: 0 25px; /* Nieco mniejszy padding boczny */
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #0b2e72;
    color: #fff;
    border: none;
    border-radius: var(--input-radius);
    cursor: pointer;
    transition: var(--a-btn-transition);
    
    /* Zapobiega spadaniu - przycisk nie powinien się kurczyć */
    flex: 0 0 auto; 
    white-space: nowrap; /* Tekst w jednej linii */
}

.mm-search-btn:hover {
    background-color: #082257;
}

/* Responsywność */
@media (max-width: 1100px) {
    /* Jeśli ekran jest węższy (np. tablet poziomo), pozwól na dwa rzędy */
    .mm-search-container {
        justify-content: space-between;
    }
}

@media (max-width: 992px) {
    .mm-search-container {
        flex-direction: column;
        align-items: stretch;
        gap: 5px;
    }
    .mm-filter-group,
    .mm-search-btn,
    .mm-dual-inputs {
        width: 100%;
        min-width: 0;
    }
    .mm-dual-inputs input {
        width: 50% !important;
    }
}

.s-mm-fix-1 .mm-card:hover:after { opacity: 0; }


/* *** BA FORMS *** */
/* nadpisanie istniejących reguł --> uśrednienie wyglądu formularzy */
body .ba-form-submit-btn { background: var(--sppb-color-secondary); border-radius: var(--border-radius); }
body .ba-form-submit-btn:hover { background: var(--sppb-color-primary); }
	body .ba-form-signature-field .ba-signature-canvas, body .ba-form-field-item .ba-form-products-cart .ba-form-product-quantity-cell input, body .ba-form-page-navigation-title, body .upload-file-btn, body .upload-file-input, body .ba-field-container select, body .ba-field-container textarea[readonly], body .ba-field-container textarea, body .ba-field-container input[type="text"], body .ba-field-container input[type="number"], body .ba-field-container input[type="password"], body .ba-field-container input[type="email"] { border-radius: var(--border-radius); }
body .ba-form-field-item .ba-field-label-wrapper { line-height: 36px; }
body .ba-forms-authorize-pay-btn *, body .ba-form-submit-btn *, body .ba-forms-authorize-pay-btn:before, body .ba-form-submit-btn:before { transition: var(--a-btn-transition)!important; }

/* custom zmiany - własne, dodatkowe reguły */
.ba-forms-modal .com-baforms-wrapper { display: flex; align-items: center; justify-content: center; }
.ba-forms-modal .com-baforms-wrapper form { max-width: 550px; background: #fff; padding: 6px 25px 19px 25px; }
.ba-form-page .ba-phone-selected-country { height: 42px; }
.ba-phone-flag-pl { position: relative; top: 2px; }
.ba-form-page .ba-phone-selected-country .ba-phone-flag-pl { border: 1px solid #eee; border-bottom: 0; }

@media (max-width: 767.88px) {
	body .ba-forms-modal-wrapper .ba-forms-modal { margin: 0; padding: 0; }
	.ba-forms-modal .com-baforms-wrapper form { width: 100%; max-width: 100%; padding: 6px 15px 19px 15px; }
	.ba-forms-modal-wrapper .ba-form-page { margin: 0; padding: 0 10px!important; }
}

/* *** ENGAGE BOX *** */
.eb-floating-button div { background-color: var(--sppb-color-secondary); border-radius: var(--border-radius); transition: var(--a-btn-transition); }
.eb-floating-button div:hover { background-color: var(--sppb-color-primary); opacity: 1; }





/* stopka: */
.s-foot-cols .s-foot-col{padding:20px 20px 60px 20px; }
.s-foot-cols > *{position:relative;}
.s-foot-cols > *::after {content: ""; position: absolute;top: 45px; right: 0; width: 1px;bottom: 0;  background: rgb(255 255 255 / 50%);}

@media (min-width: 992px) {
    .s-foot-cols > *:nth-child(4n)::after {content: none;}
}

@media (min-width: 576px) and (max-width: 991px) {
    .s-foot-cols > *:nth-child(2n)::after {content: none;}
}

@media (max-width: 575px) {
    .s-foot-cols > *::after {content: none;}
}




/* emergency turn-off fixes (najlepiej niech ta sekcja będzie zawsze na końcu) */
.pagination-counter { display: none; }