:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../media/fonts/fa-regular-400.woff2") format("woff2"), url("../media/fonts/fa-regular-400.ttf") format("truetype"); }

.far,
.fa-regular {
  font-weight: 400; }

:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../media/fonts/fa-solid-900.woff2") format("woff2"), url("../media/fonts/fa-solid-900.ttf") format("truetype"); }

.fas,
.fa-solid {
  font-weight: 900; }

:root {
	--bs-body-color: #474544;
	--bs-link-color: #57ab1a;
	--bs-link-color-rgb: 87, 176, 26;
	--bs-link-decoration: none;
	--bs-link-hover-color: #57ab1a;
   --bs-link-hover-color-rgb: 87, 176, 26;


}
.list-group {
	--bs-list-group-active-bg: #57ab1a;
	--bs-list-group-active-border-color: #57ab1a;
}
.btn {
	--bs-btn-border-radius: 0;
 }

.btn-outline-success {
  --bs-btn-color: #57B01A;
  --bs-btn-border-color: #57B01A;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #57B01A;
  --bs-btn-hover-border-color: #57B01A;
  --bs-btn-focus-shadow-rgb: 25,135,84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #57B01A;
  --bs-btn-active-border-color: #57B01A;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #57B01A;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #57B01A;
  --bs-gradient: none;
}
.btn-wide {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.col-green { color: #57ab1a; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

.navbar-brand { max-width: 200px; }


.pre-head { padding-top: 0.6rem; padding-bottom: 0.4rem; border-bottom: 1px solid #dee2e6; }
.pre-head-contact a { font-size: 0.9rem; margin-right: 1rem; color: #808080;  }
.pre-head-social a { font-size: 1.2rem; margin-left: 1rem; color: #808080;  }

.menu-main a.nav-link { font-size: 1.2rem; font-weight: bold; color: #FFF; border-right: 1px solid #FFF; margin: 0; padding: 0.75rem 1rem !important; }
.menu-main a:hover { text-decoration: none; }
.menu-main a.nav-link:hover { text-decoration: none; color: #000; background: #FFF; }

.menu-main .dropdown-toggle::after { display: none; }


.mp-intro-ico div { font-size: 4.5rem; text-align: center; color: #fff; background: #57ab1a; height: 100%; }

.mp-intro-ico:hover { opacity: 1; }
.mp-intro-text a { font-size: 1.2rem; font-weight: bold; color: #333; }
.mp-intro-text p { margin-bottom: 0; }
.mp-intro-text a:hover { text-decoration: none; }
.mp-intro .position-relative:hover .mp-intro-ico { opacity: 1; }


#mp-slider, #mp-slider .row  { height: 75vh;   }
#mp-slider .mp-slider { background-size: cover; background-position: center center; background-color: #efefef; position: relative; }
.mp-slider IMG {  width: 100%; height: auto; max-width: 100%; max-height: 100%;  }


.mp-onas-links { font-size: 1.5rem; }
.mp-onas-links li { margin-bottom: 0.75rem; }

.mp-why i { color: #FFF; margin-right: 0.25rem; }
.mp-why li { margin-bottom: 0.25rem; }
#klienci-slider img { filter: grayscale(1); opacity: 0.3; padding-left: 1.5rem; padding-right: 1.5rem; }
.foot-menu { color: var(--bs-secondary-color); font-size: 1.25rem; }
.foot-menu a { color: var(--bs-secondary-color)  }
.foot-menu a i { color: #8B9194  }
.foot-menu ul { list-style-type: circle;  }
.foot-menu ul li { margin-bottom: 0.25rem; }
.foot-menu li.divider { list-style-type: none; border-bottom: 1px solid #c0c0c0; margin-top: 0.4rem; margin-bottom: 0.4rem; width: 20%; padding-left: 0;margin-left: -1rem; }


.foot-chemtest { color:#FFF; }
.foot-chemtest a { color:#FFF; }
.foot-chemtest ul { list-style-type: none; margin: 0.75rem 0 0 0; padding: 0; }
.foot-chemtest ul li { margin-bottom: 0.25rem; }


.foot-chemtest-logo { width: 75% }
.foot-why { font-size: 1.25rem; }
.foot-why ul { margin: 2rem 1rem 2rem 1rem; }
.foot-why ul li { width: 50%; float: left; margin-bottom: 1.75rem; }
.foot-why ul li i.fa { font-size: 1.25rem; color: #61BC1D;

  display: inline-block;
  border-radius: 50%;
  border:1px solid var(--bs-link-color);
  padding: 0.5em 0;
  width: 2.85rem;
  text-align: center;

}



.mp-offer-text { margin-left: 3rem; color: #FFF; position: relative; }
.mp-offer-text strong { font-size: 3rem; font-weight: bold; }
.mp-offer { background: #808080; }
.mp-offer-text .btn { padding-left: 3rem; padding-right: 3rem;  }

.product-title { color: var(--bs-link-color) !important; }





.home-2 .mp-why i { color: #FFF; }

.it-page-head { background-position: center center;
  background-size: cover;
  height: 35vh;
  position: relative; }

.st-menu-left { padding: 0.6rem 1rem 2rem 1rem; background: #FFF; margin-top: -3rem; position: relative; }

.st-menu-left-title a {
	font-size: 1.25rem; text-transform: uppercase; color: var(--bs-body-color); font-weight: bold;
}
.st-menu-left-l2 { margin: 1.5rem 0 0 0; padding: 0; list-style-type: none;  }
.st-menu-left-l2>li { border-bottom: 1px solid #dee2e6;    }
.st-menu-left-l2>li>a { color: var(--bs-secondary-color); display: block; text-transform: uppercase; padding: 0.75rem 0.5rem; font-size: 1.5rem;   }

.st-menu-left-l2>li>a>small { color: #AAA; display: block;   font-size: 0.8rem; text-transform: none;  }

.st-menu-left-l2>li>a:hover { text-decoration: none; background: var(--bs-link-color); color: #FFF; }
.st-menu-left-l2>li>a:hover>small {  color: #FFF; }
.st-menu-left-l2>li>a.active { border-left: 2px solid var(--bs-link-color);  }



.st-menu-left-l3 {  padding: 0 0 1rem 1.45rem;  }
.st-menu-left-l3>li { margin-bottom: 0.25rem;  }
.st-menu-left-l3>li>a { color: var(--bs-secondary-color); font-size: 1.1rem;    }
.st-menu-left-l3>li>a.active { color: var(--bs-link-color);    }

.prd-head { background: rgb(128,128,128,0.75); padding: 1rem 0; width:100%; }
.prd-head h1 { font-size: 3rem; font-weight: bold; text-transform: uppercase; color: #fff; }
.prd-head h2 { font-size: 1.25rem; font-weight: bold;  color: #fff; }

@media (min-width: 960px) {

}
@media (max-width: 960px) {

.prd-head h1 { font-size: 2rem;  }
.prd-head h2 { font-size: 1rem;  }


.foot-why ul li { width: 100%; margin-bottom: 1rem; }

.foot-chemtest-logo { width: 100%; }
.mp-onas-links { font-size: 1.2rem; }
.mp-onas-links li { margin-bottom: 0.75rem; }

.head-nav { text-align: center;  }
.head-nav .fa-bars { color: #FFF; font-size: 2.25rem; }
.head-nav .navbar-toggler { border-color: #C0C0C0; }

.slick-arrow { display:none !important; }

.pre-head-contact a { font-size: 0.9rem; margin-right: 0.25rem;  }
.pre-head-social a { font-size: 1.4rem; margin-left: 0.25rem;  }
.mp-why { background: #F5F5F5; font-size: 1.2rem; }
.mp-why ul { margin-left: 1.5rem; }
.mp-why li { margin-bottom: 0.45rem; }
#klienci-slider img { filter: grayscale(0); opacity: 1 }

.mp-intro-text { border:1px solid #57ab1a; padding: 0.45rem 0.75rem 0.65rem;  }
.mp-intro-ico div .fa { vertical-align: middle;  }

.menu-main .dropdown-menu { display: block; border: 0px; padding: 0;  }
.menu-main a.nav-link {  padding-bottom: 0; color: #000; text-align: left; padding: 0 !important; border:0; margin-top: 0.5rem; }
.dropdown-toggle::after { display: none; }
.offcanvas-body { padding-top: 0; }

.mp-offer-text { margin-left: 0; padding: 2.5rem 1rem 3.3rem; }
.mp-offer-text strong { font-size: 2.15rem; font-weight: bold; }

}



.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; width:100%; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }

.slick-slide { float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: inline; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; }
[dir='rtl'] .slick-prev { right: -25px; left: auto; }
.slick-prev:before { content: '\f104'; }
[dir='rtl'] .slick-prev:before { content: '\f105'; }
.slick-next { right: -25px; }
[dir='rtl'] .slick-next { right: auto; left: -25px; }
.slick-next:before { content: '\f105'; }
[dir='rtl'] .slick-next:before { content: '\f104'; }
/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 25px; height: 5px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none;  }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ' ' text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: black; }
.slick-dots li.slick-active button { background: #57ab1a; }

.pr-carousel .pr-carousel-nav-arrow, .adv-1slot-slider .pr-carousel-nav-arrow
{
    font-size: 3rem;
    position: absolute;
    top: 40%;
    display: block;
    padding: 0;
    cursor: pointer;
    color: #757584;
	 z-index: 100;
	 width: auto;
}
.pr-carousel-prev {
left: -2.5rem;
}
 .pr-carousel-next
{
    right: -2.5rem;
}
.adv-1slot-slider .pr-carousel-nav-arrow {
top: 45%;
}
.adv-1slot-slider .pr-carousel-prev {
left: 2.5rem;
}
.adv-1slot-slider .pr-carousel-next
{
    right: 2.5rem;
}

/* ============================================================
   CMS v3 — Frontend (breadcrumb, sidebar tree menu, content)
   ============================================================ */

/* --- Breadcrumb --- */
.wt-breadcrumb {
  background: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  padding: .65rem 0;
  font-size: .9rem;
}
.wt-breadcrumb .breadcrumb {
  margin: 0;
}
.wt-breadcrumb .breadcrumb-item a {
  color: #57ab1a;
  text-decoration: none;
}
.wt-breadcrumb .breadcrumb-item a:hover {
  text-decoration: underline;
}
.wt-breadcrumb .breadcrumb-item.active {
  color: #495057;
}

/* --- Sidebar tree menu (block_cms/block_menu) --- */
.wt-sidebar {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.wt-cms-menu {
  background: #f8f9fa;
  border-radius: .5rem;
  padding: .75rem 0;
  list-style: none;
  margin: 0;
}
.wt-cms-menu .nav-item {
  position: relative;
}
.wt-cms-menu .nav-link {
  padding: .5rem 1rem;
  color: #333;
  border-left: 3px solid transparent;
  transition: background-color .15s, border-color .15s, color .15s;
}
.wt-cms-menu .nav-link:hover {
  background: #ecf3e4;
  color: #57ab1a;
}
.wt-cms-menu .nav-link.active,
.wt-cms-menu .nav-item.active > .nav-link {
  color: #57ab1a;
  font-weight: 600;
  border-left-color: #57ab1a;
  background: #ecf3e4;
}
.wt-cms-menu .nav-item.in-path > .nav-link {
  color: #57ab1a;
}
.wt-cms-menu ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.wt-cms-menu .level-2 .nav-link {
  padding-left: 2rem;
  font-size: .92rem;
}
.wt-cms-menu .level-3 .nav-link {
  padding-left: 3rem;
  font-size: .88rem;
  color: #555;
}
.wt-cms-menu .has-children > .nav-link::after {
  content: "\f105"; /* fa-angle-right */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  float: right;
  opacity: .5;
  transition: transform .15s;
}
.wt-cms-menu .has-children.is-open > .nav-link::after {
  transform: rotate(90deg);
}

/* --- Content area --- */
.wt-content {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}
.wt-cms-page,
.wt-cms-content {
  background: #fff;
}
.wt-cms-title {
  color: #2c3e50;
  font-weight: 600;
  margin-bottom: 1rem;
}
.wt-cms-subtitle {
  font-size: 1.1rem;
  color: #6c757d;
}
.wt-cms-intro {
  font-size: 1.05rem;
  color: #495057;
  line-height: 1.6;
}
.wt-cms-body {
  line-height: 1.7;
}
.wt-cms-body p { margin-bottom: 1rem; }

/* --- Field rendering --- */
.wt-cms-field {
  margin-bottom: 1rem;
}
.wt-cms-field-label {
  margin-bottom: .25rem;
  font-weight: 500;
}
.wt-cms-section-head {
  color: #57ab1a;
  border-bottom: 2px solid #57ab1a;
  padding-bottom: .5rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.wt-cms-data-table {
  margin-top: .5rem;
}
.wt-cms-data-table th {
  background: #f1f3f5;
  font-weight: 600;
}
.wt-cms-code,
.wt-cms-json {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  padding: .75rem;
  font-size: .85rem;
}
.wt-cms-files li,
.wt-cms-relations li {
  margin-bottom: .25rem;
}
.wt-cms-files a {
  color: #57ab1a;
}
.wt-cms-files a:hover {
  text-decoration: underline;
}
.wt-cms-color-box {
  flex-shrink: 0;
}

/* --- Children listing (kafelki kategorii/produktów) --- */
.wt-cms-children {
  margin-top: 2rem;
}
.wt-cms-child .card {
  transition: transform .15s, box-shadow .15s;
  border: 1px solid #e0e0e0;
}
.wt-cms-child .card:hover {
  transform: translateY(-3px);
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .08);
  border-color: #57ab1a;
}
.wt-cms-child-cover {
  height: 200px;
  object-fit: cover;
}
.wt-cms-child-title {
  color: #2c3e50;
  margin-bottom: .5rem;
}

/* --- Pagination --- */
.wt-cms-pagination {
  margin-top: 2rem;
}

/* --- Mobile adjustments --- */
@media (max-width: 991.98px) {
  .wt-sidebar {
    padding-top: 0;
  }
  .wt-cms-menu {
    padding: .5rem 0;
  }
}


/* ============================================================
   mod_user — Frontend account pages
   ============================================================ */
.wt-user-page {
  padding: 1.5rem 0 3rem;
}
.wt-user-card {
  border: 1px solid #dee2e6;
  border-radius: .5rem;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.wt-user-form .form-label {
  font-weight: 500;
}
.wt-user-form .btn-success {
  background: #57ab1a;
  border-color: #57ab1a;
}
.wt-user-form .btn-success:hover {
  background: #4a9617;
  border-color: #4a9617;
}
.wt-user-links a {
  color: #57ab1a;
  text-decoration: none;
}
.wt-user-links a:hover {
  text-decoration: underline;
}


/* ============================================================
   Admin bar — pasek dla zalogowanego admina
   ============================================================ */
.wt-admin-bar {
  background: #1f2937;
  color: #fff;
  font-size: .85rem;
  padding: .4rem 0;
  border-bottom: 2px solid #57ab1a;
}
.wt-admin-bar .container-fluid {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.wt-admin-bar-label {
  color: #9ca3af;
  font-weight: 500;
}
.wt-admin-bar-link {
  color: #fff !important;
  text-decoration: none;
  padding: .25rem .65rem;
  border-radius: .25rem;
  transition: background-color .15s;
}
.wt-admin-bar-link:hover {
  background: rgba(87, 171, 26, .25);
  color: #fff;
}
.wt-admin-bar-link-end {
  margin-left: auto;
}
.wt-admin-bar-badge {
  display: inline-block;
  padding: .1rem .4rem;
  border-radius: .2rem;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .05em;
  margin-left: .35rem;
}
.wt-admin-bar-badge-draft {
  background: #f59e0b;
  color: #000;
}
.wt-admin-bar-badge-archived {
  background: #6b7280;
  color: #fff;
}


/* ============================================================
   mod_search — Wyszukiwarka
   ============================================================ */
.wt-search-page {
  padding: 1.5rem 0;
}
.wt-search-form .btn-success {
  background: #57ab1a;
  border-color: #57ab1a;
}
.wt-search-snippet {
  color: #495057;
  line-height: 1.5;
}
.wt-search-snippet mark {
  background: #fff3cd;
  padding: 0 .15rem;
  border-radius: .15rem;
}
.wt-search-result h3 a {
  color: #57ab1a;
}
.wt-search-result h3 a:hover {
  text-decoration: underline !important;
}