/* =========================
   Zmienne kolorów (brand)
========================= */
:root {
  --kol-primary:   #333333; /* ciemny szary */
  --kol-secondary: #e2322b; /* czerwony */
  --kol-accent:    #e2322b; /* czerwony */
  --kol-text:      #333333; /* tekst */
  --kol-black:     #333333; /* pomocniczo ten sam szary */
  --kol-light:     #FFFFFF; /* sekcje – neutralne tło */
  --kol-white:     #FFFFFF; /* główne tło */
  --link-color: #e2322b;
}

.sppb-articles-carousel-meta-date {

	display: none;
}



/* Carousel Extended – bez tła i obwódki także na hover */
.sppb-carousel-extended .sppb-carousel-extended-item,
.sppb-carousel-extended .sppb-carousel-extended-media,
.sppb-carousel-extended .sppb-carousel-extended-item:hover,
.sppb-carousel-extended .sppb-carousel-extended-media:hover {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.sppb-articles-carousel-meta-date {

	display: none;
}


/* wyczyść nakładkę "Color Hover" */
.sppb-carousel-extended .sppb-carousel-extended-content-wrap,
.sppb-carousel-extended .sppb-carousel-extended-item:hover .sppb-carousel-extended-content-wrap,
.sppb-carousel-extended .sppb-carousel-extended-content-wrap::before,
.sppb-carousel-extended .sppb-carousel-extended-content-wrap::after {
  background: transparent !important;
  box-shadow: none !important;
}


/* LOGO carousel – SP Page Builder: Carousel Extended */
.sppb-carousel-extended .sppb-carousel-extended-item{
border: solid 1px #d5d5d5;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* gdy w slajdzie są <img> */
.sppb-carousel-extended .sppb-carousel-extended-item img{
  max-height:100px !important;
  width:auto !important;
  object-fit:contain !important;
  display:block;
  margin:0 auto;
}

/* gdy slajd używa tła zamiast <img> */
.sppb-carousel-extended .sppb-carousel-extended-image,
.sppb-carousel-extended .sppb-carousel-extended-media{
  height:120px !important;
  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}


.sppb-carousel-extended .sppb-carousel-extended-item,
.sppb-carousel-extended .sppb-carousel-extended-media{
  background: transparent !important;
}

.blog-list-wrapper .left-sidebar .latestnews .latest-post-item .latest-post-content-wrap .latest-post-info, .blog-list-wrapper .right-sidebar .latestnews .latest-post-item .latest-post-content-wrap .latest-post-info {

	display: none;
}

.article-details .container {
  max-width: 800px !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: 0;
}

.com-content.view-article #sp-main-body .article-details-intro {
  background-color: #e2322b;
  background-image: none;
}

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

.btn,
.btn-primary,
.sppb-btn,
.sppb-btn-primary {
  font-family: Segoe UI, sans-serif !important;
  font-weight: 500 !important;
}

.btn,
.readmore,
.sppb-btn {
  border-radius: 5px !important;
}



#sp-header.full-header {
	padding-left: 15px;
	padding-right: 15px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	padding: 0 15px;
	font-size: 12px;
}

@media (max-width: 1500px) and (min-width: 1240px) {
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
    padding: 0 10px;
    font-size: 10px;
  }
}
@media (max-width: 1239px) {
  #sp-header .logo-image { height: 30px !important; }
  #sp-header .sp-megamenu-parent > li > a { padding: 0 5px; font-size: 9px; }
  #sp-header .sp-megamenu-parent > li > span { padding: 0 5px; font-size: 9px; }
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
	font-size: 9px;

}
}

.article-list .article .article-header h2 a:hover {
	color: #e2322b;
}



/* =========================
   Typografia (body + 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;

}

h2, h3, h4, h5, h6 {
  font-family: 'Segoe UI', sans-serif !important;
  color: var(--kol-secondary)!important;
  line-height: 1.5!important;
  margin: 0 0 .75em !important;
  font-weight: 400 !important;
}
h1 {
  font-family: 'Segoe UI', sans-serif !important;
  line-height: 1.2 !important;
  margin: 0 0 .75em !important;
  font-weight: 600 !important;
}
/* Rozmiary nagłówków */
h1 { font-size: 3rem !important; font-weight: 700 !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; }


/* =========================
   Header
========================= */
#sp-header { background: var(--kol-white) !important; color: var(--kol-text) !important; }
#sp-header .logo,
#sp-header .logo a { color: var(--kol-primary) !important; }


/* =========================
   Menu (top + dropdown)
========================= */
#sp-header .sp-megamenu-parent > li > a { color: var(--kol-primary) !important; }
#sp-header .sp-megamenu-parent > li > span { color: var(--kol-primary) !important; }

#sp-header .sp-megamenu-parent > li:hover > a { color: var(--kol-secondary) !important; }
#sp-header .sp-megamenu-parent > li.active > a { color: var(--kol-secondary) !important; }

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { background: #ffffff; }
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); }
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { padding: 0px; }

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { color: #333333; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { border-bottom: 1px solid #f0f0f0; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { padding: 12px; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { display: block; }

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child > a { border-bottom: none; }

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { color: #ffffff; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { background: #e2322b; }

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a { color: #ffffff; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a { background: #e2322b; }


/* Wielkie litery w menu (desktop + offcanvas) */
#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;
}


/* =========================
   Przyciski
========================= */
.btn,
.btn-primary,
.sppb-btn,
.sppb-btn-primary {
  background: var(--kol-secondary) !important;
  border-color: var(--kol-secondary) !important;
  color: var(--kol-white) !important;
}

.btn:hover,
.btn:focus,
.btn-primary:hover,
.sppb-btn:hover,
.sppb-btn-primary:hover {
  background: var(--kol-primary) !important;
  border-color: var(--kol-primary) !important;
  color: var(--kol-white) !important;
}

.article-list .article .readmore a {
	font-weight: 400;
	background: transparent !important;
	color: #e2322b !important;
	padding: 0px ;
	
}
.article-list .article .readmore {
	margin-top: auto;
	
}
.article-list .article {
	margin-bottom: 50px;
	border-bottom: 1px solid var(--border-color)
}

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


/* =========================
   Linki
========================= */
a { color: var(--kol-secondary); }
a:hover { color: var(--kol-primary); }


/* =========================
   Obrazki (global hover)
========================= 
img {
  transition: 0.3s ease-in-out;
  filter: blur(0.5px) contrast(1.1) saturate(1.2);
}
img:hover { filter: hue-rotate(90deg); }*/


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


/* =========================
   Karuzela / Feature carousel
========================= */
.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: rgba(193,83,114,0.2) !important; }


/* =========================
   Efekt tilt na obrazkach Single Image
========================= */
.sppb-addon-single-image-container img {
  transition: transform 0.2s ease-out;
  transform-style: preserve-3d;
  border-radius: 16px !important;
}
.sppb-addon-single-image-container img:hover {
  transform: perspective(800px) rotateX(3deg) rotateY(3deg);
}


/* =========================
   Offcanvas menu
========================= */
.offcanvas-menu { background: #fff !important; }

/* Typografia linków w offcanvas */
.offcanvas-menu .offcanvas-inner ul.menu > li > a {
  font-family: 'Verdana', sans-serif !important;
  color: var(--kol-secondary) !important;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  padding: 12px 0;
  transition: color 0.3s ease;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li.active > a {
  color: var(--kol-primary) !important;
}


/* =========================
   Media queries
========================= */

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

/* Wyłączenie efektu tilt na telefonach */
@media (max-width: 767px) {
  .sppb-addon-single-image-container img:hover {
    transform: none !important;
  }
}

@media (max-width: 767px) { img { margin: 10px 0 !important; } }


/* =========================
   Notatki (wyłączone – zostawione w komentarzu)
========================= */
/*
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: "";
}
*/