:root {
  --kol-primary:   #0199DF; /* niebieski */
  --kol-secondary: #006699; /* malinowy */
  --kol-accent:    #F4CC3A; /* żółty */
  --kol-text:      #3D3522; /* ciemny brąz */
  --kol-black:     #000000; /* tylko pomocniczo */
  --kol-light:     #F5F5F5; /* sekcje */
  --kol-white:     #fafafa; /* tło */
  --kol-header: #4A4A4A; /* szary dla menu */

}

body {
  background-color: #f9fbfc !important;
}


/* reset wysokości narzuconej przez JS */
#sppb-addon-GToFriWV8yyKaU4kgK2PB .sppb-carousel-extended-item{height:auto; min-height:0 !important;}

/* opcjonalnie ciaśniejsze odstępy w środku */
#sppb-addon-GToFriWV8yyKaU4kgK2PB .feature-carousel-style .sppb-carousel-extended-item img{margin-bottom:24px;}


@media (max-width:767px) {
  .sppb-btn, .sppb-btn-primary, .sppb-btn-secondary, .btn {animation:none !important;}
}


.sppb-btn, .sppb-btn-primary, .sppb-btn-secondary, .btn {
  position:relative;animation:pulse 2.5s infinite;
}
@keyframes pulse {
  0% {transform:scale(1);box-shadow:0 0 0 0 rgba(0,153,255,.7);}
  70% {transform:scale(1.05);box-shadow:0 0 0 10px rgba(0,153,255,0);}
  100% {transform:scale(1);box-shadow:0 0 0 0 rgba(0,153,255,0);}
}


/* Tylko kontenery wewnątrz artykułów */
.article-details .container {
  max-width: 1100px !important;
}

.com-content.view-article #sp-main-body .article-details-intro {
	padding: 50px 0 300px 0;

}
.article-details .article-header h1, .article-details .article-header h2 {

	margin-bottom: 0px;
}

/* duże ekrany */
.sp-megamenu-parent .sp-dropdown-mega .sp-mega-group > li > a {
  font-size: 14px !important;
  text-transform: uppercase !important;
}

/* małe ekrany */
@media (max-width: 1199px) {
  .sp-megamenu-parent .sp-dropdown-mega .sp-mega-group > li > a {
    font-size: 11px !important;
  }
}


/* Logo max 40px <1400px */
@media (max-width: 1399.98px){
  #sp-header .logo-image img, #sp-header .logo img, #sp-header .sp-default-logo img { max-height:40px !important; width:auto !important; }}

/* Logo max 50px <768px (telefony) */
@media (max-width: 767.98px){
  #sp-header .logo-image img, #sp-header .logo img, #sp-header .sp-default-logo img { max-height:50px !important; width:auto !important; }}


.com-content.view-article #sp-main-body .article-details-intro {

	background-color: #006699;
	background-image: none;
}



#sp-top-bar {
	background: #1C272A;
	color: #B2C0C4;
	display: none;
}

#sp-menu .social-wrap {
	position: relative;
	padding-left: 0px;
}

/* HEADER */
#sp-header, #sp-header.header-sticky { background: var(--kol-white) !important; color: var(--kol-text) !important; }

/* Strzałka w menu (hover) */
.sp-megamenu-parent li.sp-menu-item > a:after {
  color: var(--kol-secondary) !important;
}


/* MENU */
#sp-header, 
#sp-header.header-sticky { background: var(--kol-white) !important; color: var(--kol-text) !important; }
#sp-header .logo, #sp-header .logo a { color: var(--kol-primary) !important; }
#sp-header .logo-image img { max-height: 52px; width: auto; }



#sp-header .sp-megamenu-parent>li>a, #sp-header .sp-megamenu-parent>li>span { color:var(--kol-secondary) !important; padding:0 12px; line-height:72px; white-space:nowrap; }
#sp-header .sp-megamenu-parent>li:hover>a, #sp-header .sp-megamenu-parent>li.active>a { color:var(--kol-primary) !important; }
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a { color:var(--kol-secondary) !important; }
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover { color:var(--kol-primary) !important; }





.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega .sp-mega-group a {
  color: var(--kol-secondary); /* Twój secondary: #006699 */
  font-weight: 500;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega .sp-mega-group a:hover {
  color: var(--kol-primary); /* Twój primary: #0199DF */
  text-transform: uppercase !important;
}


/* Tło dla trzech kolumn w mega menu */
.sp-dropdown-main.sp-dropdown-mega .sp-dropdown-inner .row > div:nth-child(1),
.sp-dropdown-main.sp-dropdown-mega .sp-dropdown-inner .row > div:nth-child(2),
.sp-dropdown-main.sp-dropdown-mega .sp-dropdown-inner .row > div:nth-child(3) { background:#f9f9f9; } 

/* Border między 2. a 3. kolumną w mega menu */
.sp-dropdown-main.sp-dropdown-mega .sp-dropdown-inner .row > div:nth-child(2) { border-right:1px solid #b2c0c4; }



/* BUTTONY */
.btn, .btn-primary, .sppb-btn, .sppb-btn-primary {
  background: var(--kol-primary) !important; border-color: var(--kol-primary) !important; color: #fff !important;
}
.btn:hover, .btn:focus, .btn-primary:hover,
.sppb-btn:hover, .sppb-btn-primary:hover {
  background: var(--kol-secondary) !important; border-color: var(--kol-secondary) !important; color: #fff !important;
}
/* BUTTONS – typografia (global override) */
.sppb-btn, .sppb-btn a, .btn, button, input[type="button"], input[type="submit"] { font-family:'verdana',sans-serif !important; font-size:15px !important; text-transform: uppercase !important;  }

/* Mobile tweak (opcjonalnie) */
@media (max-width:575.98px){ .sppb-btn, .btn, button { font-size:14px !important; } }

/* TOGGLER (mobile) */
#offcanvas-toggler .burger-icon>span { background: var(--kol-primary) !important; }
#offcanvas-toggler:hover .burger-icon>span { background: var(--kol-secondary) !important; }

/* TEKST + NAGŁÓWKI */
body, .sppb-addon-text-block .sppb-addon-content {font-family:'verdana',sans-serif!important;color:var(--kol-text)!important;font-size:16px!important;font-size:clamp(14px, calc(1rem + 0.2vw), 18px)!important;font-weight:400!important;line-height:1.6!important;}
h2,h3,h4,h5,h6{font-family:'Arial',sans-serif!important;color:var(--kol-secondary);line-height:1.2;margin:0 0 .75em;font-weight:500!important;}
h1{font-family:'Arial',sans-serif!important;line-height:1.2;margin:0 0 .75em;font-weight:500!important;}

h1{font-size:3rem!important;font-weight:600!important;}
h2{font-size:2.25rem!important;}
h3{font-size:1.75rem!important;}
h4{font-size:1.375rem!important;}
h5{font-size:1.125rem!important;font-weight:500!important;}
h6{font-size:1rem!important;font-weight:500!important;}




/* NAGŁÓWKI (MOBILE) */
@media (max-width: 767px) {
  h1 { font-size: 2.25rem !important; } /* 36px */
  h2 { font-size: 1.75rem !important; } /* 28px */
  h3 { font-size: 1.5rem !important; }  /* 24px */
  h4 { font-size: 1.25rem !important; } /* 20px */
  h5 { font-size: 1.125rem !important; }/* 18px */
  h6 { font-size: 1rem !important; }    /* 16px */
}


/* MENU – wielkie litery */
#sp-header .sp-megamenu-parent>li>a,
#sp-header .sp-megamenu-parent>li>span,
.offcanvas-menu .offcanvas-inner ul.menu>li>a,
.offcanvas-menu .offcanvas-inner ul.menu>li>span {
  text-transform: uppercase !important;
}

/* Efekt hover na wszystkich obrazkach – jak w .img-animation */
img {
  transition: 0.3s ease-in-out;
  filter: blur(0.5px) contrast(1.1) saturate(1.2);
}

.sppb-articles-carousel-meta-category a {

	font-weight: 500;

}

.sppb-articles-carousel-meta-date {

	display: none;
}

/* 
img:hover {
  filter: hue-rotate(180deg);
}





img[src$=".svg"] {
  filter: none !important;
  transition: none !important;
}

 */

a {color: var(--kol-secondary);}
a:hover {color: var(--kol-primary);}


#sp-footer { background: var(--kol-secondary) !important; color: var(--kol-white) !important; }
#sp-footer a { color:  var(--kol-white) !important; }
#sp-footer a:hover { color: var(--kol-accent) !important; }
#sp-footer h1, #sp-footer h2, #sp-footer h3, #sp-footer h4 { color: var(--kol-white) !important; }

 #sp-footer .sppb-addon-text-block .sppb-addon-content { color: var(--kol-white) !important; }

/*..sppb-carousel-extended-item {background:#F5F5F5;}
.feature-carousel-style .sppb-carousel-extended-item {border:1px solid rgba(193,83,114,0.1);}
/*.sppb-carousel-extended-item:hover {background:#e3f2fd !important;} */

.sppb-addon-single-image-container img {
    transition: transform 0.2s ease-out;
    transform-style: preserve-3d;
}

.sppb-addon-single-image-container img:hover {
    transform: perspective(800px) rotateX(3deg) rotateY(3deg);
}
/* WYŁĄCZENIE efektu tilt na telefonach */
@media (max-width: 767px) {
    .sppb-addon-single-image-container img:hover {
        transform: none !important;
    }
}



/* Tło offcanvas menu */
.offcanvas-menu {
  background: #fff !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a {font-family:'verdana',sans-serif!important;color:var(--kol-secondary)!important;font-size:18px;font-weight:400;text-transform:uppercase;text-decoration:none;display:block;padding:8px 0;line-height:20px;margin-bottom:4px;transition:color 0.3s ease;}
.offcanvas-menu .offcanvas-inner ul.menu>li ul li a {font-size:14px;line-height:22px;font-weight:400;margin-bottom:4px;color:var(--kol-secondary)!important;}
.offcanvas-menu .offcanvas-inner ul.menu>li>a,
.offcanvas-menu .offcanvas-inner ul.menu>li ul li a {color:var(--kol-secondary)!important;}
.offcanvas-menu .offcanvas-inner ul.menu a {color:#006699!important;}







/* Czcionka taka jak na stronie 
.offcanvas-menu .offcanvas-inner ul.menu > li > a {
  font-family: 'verdana', sans-serif !important;
  color: var(--kol-secondary) !important;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  padding: 12px 0;
  transition: color 0.3s ease;
}*/

/* Hover taki jak na reszcie
.offcanvas-menu .offcanvas-inner ul.menu > li > a:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li.active > a {
  color: var(--kol-primary) !important;
}
 */

/* Nakładka z kolorów marki */
/* img {
  filter: contrast(1.05) saturate(1.15) brightness(0.95);
  transition: filter .3s;
}

img:hover {
  filter: contrast(1.1) saturate(1.25) brightness(0.9);
}

@media (max-width: 767px) {
  img {
    filter: none !important;
  }
} 

img:not(.logo-image img)::after {
  content: "";
}

*/


@media (max-width: 1199px) {
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {

	font-size: 11px;

}
@media (max-width: 768px) {
  .com-content.view-article #sp-main-body .article-details-intro {
    padding: 50px 0 100px 0;
  }
  .sp-page-builder .page-content #section-id-1758133267806 {
	padding-top: 0px;

}
}