/*
Embed fonts families:
-------------------
font-family: "Plus Jakarta Sans", sans-serif;
font-family: "Signika", sans-serif;

.plus-jakarta-sans-<uniquifier> {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.signika-<uniquifier> {
  font-family: "Signika", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "GRAD" 0;
}


possible weights:
-------------------
Plus Jakarta Sans: 200 - 800
Signika: 300 - 600;

animation:
-------------------
transition: all 0.5s;

Content:
1. Main styles override
2. Contact form 7 
3. Navbar bootstrap
4. ACF elements
5. Theme styles  
6. Responsive fixes
*/

/* ============================================= */
/* 1. Main styles override                       */
/* ============================================= */

body {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
}

body.admin-bar .navbar.fixed-top {
	margin-top: 32px;
}
html {
	scroll-behavior:smooth;
	font-display: swap
}
strong {
	font-weight: 700;
}
/* Links */
a {
	transition: all 0.5s;
	text-decoration: none;
	color:#33b458;
}
a:focus, a:hover {
	text-decoration: none;
	outline: 0;
}
a:focus {
	outline: 0;
	outline-offset: -2px;
}
button, button:focus, button:active {
	outline: 0;
	box-shadow: 0
}

/* /Links */

/* Image responsive fix */
img {
	width: initial;
	max-width: 100%;
	height: auto;
}
/* /Image responsive fix */

/* Headers */
h1, h2, h3, h4, h5 {
	font-family: "Signika", sans-serif;
	font-weight: 700;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {
	font-weight: 400;
	color:#33b458;
}
.dark h1 strong, .dark h2 strong, .dark h3 strong, .dark h4 strong, .dark h5 strong {
	color:#000;
}
h1 {
	font-size: 45px;
	font-weight: 400;
}

.home h1 {
	font-size: 60px;
}
h2 {
	font-size: 36px;
	font-weight: 400;
}
h2.bigger {
	font-size: 48px;
	font-weight: 400;
}
.related h2 {
	margin-bottom: 30px !important;
}
#banner h2 {
	font-size: 60px;
}
@media only screen and (max-width : 991px) {
	#banner h2  {
		font-size: 40px;
	}
	.related h2 {
		margin-bottom: 20px !important;
	}
}
h3 {
	font-size: 22px;
	font-weight: 500;
}
p.header {
	font-size: 24px;
	font-weight: 500;
	font-family: "Signika", sans-serif;
}
h4 {
	font-size: 24px;
}
.exhibitor-box h4 {
	font-size: 22px;
	font-weight: 500;
}
.searchandfilter h4 {
	font-size: 20px !important;
	font-weight: 600 !important;
	margin-top: 20px !important;
	margin-bottom: 10px !important;
}
h4 a {
	color:#101010;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
@media only screen and (max-width : 991px) {
	h1 {
		font-size: 34px;
		font-weight: 400;
		line-height: 38px;
	}
	.home h1 {
		font-size: 40px;
	}
	h2 {
		font-size: 30px;
	}
	h2.bigger {
		font-size: 36px;
	}
	h3 {
		font-size: 24px;
	}
}
/* /Headers */

/* Bootstrap extra spaces */
.pt-6,
.py-6 {
	padding-top: 5rem !important;
}

.pe-6,
.px-6 {
	padding-right: 5rem !important;
}

.pb-6,
.py-6 {
	padding-bottom: 5rem !important;
}

.ps-6,
.px-6 {
	padding-left: 5rem !important;
}
.mt-6,
.my-6 {
	margin-top: 5rem !important;
}

.mr-6,
.mx-6 {
	margin-right: 5rem !important;
}

.mb-6,
.my-6 {
	margin-bottom: 5rem !important;
}

.ms-6,
.mx-6 {
	margin-left: 5rem !important;
}
.py-6-fixed {
	padding-top: 4rem !important;
	padding-bottom: 7rem !important;
}
@media only screen and (max-width : 768px) {
	.py-6-fixed {
		padding-top: 4rem !important;
		padding-bottom: 7rem !important;
	}
	.pt-6,
	.py-6 {
		padding-top: 4rem !important;
	}

	.pr-6,
	.px-6 {
		padding-right: 4rem !important;
	}

	.pb-6,
	.py-6 {
		padding-bottom: 4rem !important;
	}

	.pl-6,
	.px-6 {
		padding-left: 4rem !important;
	}
	.mt-6,
	.my-6 {
		margin-top: 4rem !important;
	}

	.me-6,
	.mx-6 {
		margin-right: 4rem !important;
	}

	.mb-6,
	.my-6 {
		margin-bottom: 4rem !important;
	}

	.ms-6,
	.mx-6 {
		margin-left: 4rem !important;
	}
}
/* /Bootstrap extra spaces */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: transparent;
  box-shadow: none;
  outline: 0 none;
}
/* Buttons */

.btn-default {
	background-color: #263a21 !important;
	border:1px solid #263a21 !important;
	border-radius: 25px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #fff !important;
	font-family: "Signika", sans-serif !important;
	padding:12px 30px !important;
	transition: all 0.5s !important;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
	background-color:#33b458;
	color: #fff;
	transition: all 0.5s;
	-webkit-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.3);
}
.btn-black {
	background-color: #101010;
	border:1px solid #101010;
	border-radius: 25px;
	font-size: 16px;
	font-weight: 600;
	color: #fff !important;
	font-family: "Signika", sans-serif;
	padding:12px 30px;
	transition: all 0.5s;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active {
	background-color:#101010;
	color: #fff;
	transition: all 0.5s;
	-webkit-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.3);
}
.btn-arrow-right-down {
	background-image: url(../img/btn-arrow-right-down.webp);
	background-repeat: no-repeat;
	background-position: right 5px center;
	padding-right: 75px;
}
.btn-focus {
	position: relative;
}
.btn-focus::before {
	content:"";
	position: absolute;
	background-image: url(../img/bg-btn-focus.webp);
	background-repeat: no-repeat;
	width: 105px;
	height: 83px;
	z-index: -1;
	left: -50px;
	top:5px;
}
.btn-black.lord-icon {
	padding-right: 12px;
}
.btn lord-icon {
	position: relative;
	margin-left: 25px;
}
.btn lord-icon::before {
	content:"";
	position:absolute;
	left: -10px;
	top:-10px;
	background-color: #fff;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	border-radius: 25px;
}
.btn-default.btn-search {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding-top: 16px;
	padding-bottom: 17px;
}
.cn-button.bootstrap {
	background-color: #33b458 !important;
	text-transform: uppercase !important;
}
.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}
/* /Buttons */

section {
	position: relative;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}

/* Vertical align */
.vertical-a {
	display: flex;
	justify-content: center;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	.vertical-align {
		display: block;
	}
}
.vertical-b {
	align-self: center;
	width: 100%;
}
/* /Vertical align */

/* Placeholder  */
::-webkit-input-placeholder {
	color:#888;
}
:-moz-placeholder {
	color:#888;
}
::-moz-placeholder {
	color:#888;
}
:-ms-input-placeholder {
	color:#888;
}
/* /Placeholder  */

/* Selection  */
::selection {
	background: #33b458; /* WebKit/Blink Browsers */
	color:#fff;
}
::-moz-selection {
	background: #33b458; /* Gecko Browsers */
	color:#fff;
}
/* /Selection */

/* Box links (often used)  */
.box-link {
	position:absolute;
	height:100%;
	width:100%;
	left:0px;
	top:0px;
}
/* /Box links (often used)  */

.bg-test {
	background-color: rgba(255,0,0,0.5);
}

.dark, .dark p, .dark a, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
	color: #fff;
}

/* ============================================= */
/* 2. Contact form 7                             */
/* ============================================= */
.wpcf7 input[type="text"],
.wpcf7 input[type="date"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7-select,
.wpcf7 textarea {
	background-color: #fff;
	color: #303338;
	border-radius: 30px;
	border:1px solid #33b458;
	padding: 13px 30px;
	font-size: 15px;
	width: 100% !important;
	color:#101010;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7-select:focus {
	background-color: #fff;
	color: #101010;
	box-shadow: none;
	outline: 0 none;
}
.wpcf7-form select {
	padding: 0px;
	line-height: 40px;
}
.wpcf7-list-item {
	display: block;
}

.wpcf7-list-item-label {
	color:#101010; 
	font-size: 14px;
	margin-left: 20px;
}

.wpcf7-list-item-label a {
	color:#101010; 
	font-weight: 500;
}

.wpcf7-form-control.wpcf7-acceptance label {
    display: flex;
    line-height: 1.2;
}

.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"] {
    width: auto;
    margin-top: 5px;
    margin-right: 5px;
    align-self: start;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
    margin-left: 0;
}
.wpcf7-submit {
	background-color: #33b458;
	border:1px solid #33b458;
	border-radius: 25px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	font-family: "Signika", sans-serif;
	padding:12px 30px;
	transition: all 0.5s;
}
.wpcf7-form.submitting .wpcf7-submit,
.wpcf7-form.invalid .wpcf7-submit {
	color: #fff !important;
	background-color: #33b458;
}
.wpcf7-not-valid-tip {
	font-size: 13px;
	text-align: center;
}
.wpcf7-response-output {
	border-radius: 30px;
}
.wpcf7-submit:disabled {
	opacity:0.7;
}
/* Placeholder  */
::-webkit-input-placeholder {
 color:#000;
 opacity: 0.7;
}
:-moz-placeholder {
 color:#000;
 opacity: 0.7;
}
::-moz-placeholder {
 color:#000;
 opacity: 0.7;
}
:-ms-input-placeholder {
 color:#000;
 opacity: 0.7;
}
:active::-webkit-input-placeholder,
:focus::-webkit-input-placeholder {
 color:#b5b5b5;
 opacity: 1;
}
:active::-moz-placeholder,
:focus::-moz-placeholder {
 color:#b5b5b5;
 opacity: 1;
}
:active::-moz-placeholder,
:focus::-moz-placeholder {
 color:#b5b5b5;
 opacity: 1;
}
:active::-ms-input-placeholder,
:focus::-ms-input-placeholder {
 color:#b5b5b5;
 opacity: 1;
}
/* /Placeholder  */

/* ============================================= */
/* 3. Navbar (bootstrap)                         */
/* ============================================= */
.navbar {
	font-family: "Signika", sans-serif;
	/* -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05); */
	padding-top: 0;
	padding-bottom: 0;
	background-color: transparent;
	background:#fff;
}
@media only screen and (max-width : 991px) {
	.navbar {
		background-color: #fff;
	}
}
.was-sticky .navbar {
	background:#fff;
}
.sticky .navbar {
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);
}
.top-belt .border-start {
	border-left: 0 !important;
	position: relative;
}
.top-belt .border-start::before {
	content:"";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 30px;
	background-color: #fff;
}

/* Włączamy płynne przejście dla całego headera */
#header-main .fixed-top {
    transition: transform 0.3s linear;
}

/* Przesuwamy cały header w górę o dokładną wysokość górnego paska (.top-belt) */
#header-main.sticky .fixed-top {
    transform: translateY(calc(-1 * var(--top-belt-height, 100px)));
}

.navbar-brand {
	padding-bottom: 0;
	padding-top: 0;
}
.navbar-brand img {
	transition: all linear 0.2s;
	width: 191px; 
}
.sticky .navbar-brand img {
	transition: all linear 0.2s;
	width: 120px; 
	margin-right: 71px;
}

.navbar-nav .nav-link {
	color: #101010;
	font-size: 18px;
	padding:14px 25px !important;
	transition: all 0.5s;
	border-radius: 35px;
}

.navbar-nav .menu-item:nth-last-child(2) .nav-link {
	background-color: #263a21 !important;
	color: #fff !important;
	font-size: 18px;
	padding:14px 25px !important;
	transition: all 0.5s;
	border-radius: 35px;
	position: relative;
	padding-left:60px !important;
}
.navbar-nav .menu-item:nth-last-child(2) .nav-link:before {
	content:"";
	background-image: url(../img/icon-login.webp);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	width: 43px;
	height: 43px;
	background-color: #33b458;
	border-radius: 50%;
	left: 4px;
	top:4px;
}
.navbar-nav .menu-item:last-child .nav-link {
	background-color: #33b458 !important;
	color: #fff !important;
	font-size: 18px;
	padding:14px 25px !important;
	transition: all 0.5s;
	border-radius: 35px;
	position: relative;
	padding-left:60px !important;
}
.navbar-nav .menu-item:last-child .nav-link:before {
	content:"";
	background-image: url(../img/icon-cart.webp);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	width: 43px;
	height: 43px;
	background-color: #263a21;
	border-radius: 50%;
	left: 4px;
	top:4px;
}
@media only screen and (max-width : 991px) { 
	.navbar-nav .menu-item:last-child  {
		margin-right: auto;
		margin-top: 15px;
	}
	.navbar-nav .dropdown-menu .menu-item:last-child  {
		margin-top: 0px;
	}
}

@media only screen and (max-width : 1350px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: 12px;
		padding-right: 12px; 
	}
}
@media only screen and (max-width : 1040px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: 10px;
		padding-right: 10px; 
	}
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .show > .nav-link,
.navbar-nav .nav-link.show {
	background-color: #33b458;
	color: #fff;
	transition: all 0.5s;
}
.navbar-nav .current-menu-item .active > .nav-link,
.navbar-nav .current-menu-item .nav-link.active {
	color: #33b458;
}
.navbar-nav .current-menu-item .active > .nav-link:hover,
.navbar-nav .current-menu-item .nav-link.active:hover {
	color: #fff !important;
	background-color: #33b458;
}
.navbar-nav .current-menu-item a {
	color: #fff !important;
	background-color: #33b458;
}
.navbar-toggler {
	border-radius: 0px;
	transition: all 0.5s;
	position: relative;
	padding-left: 80px;
	padding-right: 20px;
	border-radius: 30px;
	background-color: #33b458;
	border-color: #33b458;
}
.navbar-toggler::before {
	content:"MENU";
	position: absolute;
	font-size: 14px;
	font-family:"Signika", sans-serif;
	left: 20px;
	padding-top:2px;
	top: 50%;
	transform: translateY(-50%);
	color:#fff;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}
.navbar-toggler span {
	display: block;
	background-color: #ffffff;
	height: 2px;
	width: 24px;
	margin-top: 6px;
	margin-bottom: 6px;
	position: relative;
	left: 0;
	opacity: 1;
	transition: all 0.35s ease-out;
	transform-origin: center left;
}
.navbar-toggler span:nth-child(1) {
	transform: translate(0%, 0%) rotate(0deg);
}
 
.navbar-toggler span:nth-child(2) {
	opacity: 1;
}
 
.navbar-toggler span:nth-child(3) {
	transform: translate(0%, 0%) rotate(0deg);
}
.navbar-toggler span:nth-child(1) {
	margin-top: 0.3em;
}
 
.navbar-toggler:not(.collapsed) span:nth-child(1) {
	transform: translate(15%, -33%) rotate(45deg);
}
 
.navbar-toggler:not(.collapsed) span:nth-child(2) {
	opacity: 0;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
	transform: translate(15%, 33%) rotate(-45deg);
}

.navbar .contact a.nav-link {
	background: #00465e;
	/*background: linear-gradient(0deg, rgba(33,37,41,1) 0%, rgba(0,62,83,1) 100%);*/
}
.search-activator {
	cursor: pointer;
}

.search-activator a.nav-link {
	text-indent: -9999px;
	background-image: url(../img/icon-main-menu-search.png);
	background-repeat: no-repeat;
	background-position: center;
}

.dropdown-menu {
	margin-top: -2px;
	border-radius: 0px;
	background-color: #33b458;
	border:0px;
	border-radius: 25px;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.10);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.10);
}
.dropdown-menu[data-bs-popper] {
	margin-top: 3px;
}
.dropdown-menu li a.dropdown-item {
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	transition: all 0.5s;
}


.dropdown-menu li a.dropdown-item:hover {
	color:#fff;
	transition: all 0.3s;
}
.dropdown-menu li a.dropdown-item:hover,
.dropdown-menu li a.dropdown-item:focus,
.dropdown-menu li a.dropdown-item:active {
	background-color: transparent;
	transition: all 0.3s;
	border-left-color: #33b458;
}
.dropdown-item.active {
	background-color: transparent;
	color:#33b458 !important;
}


/* Search window */
#search-container {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.9);
	top:0px;
	left:0px;
	max-height: 100vh;
	z-index: 999999999;
}
#search-container .d-flex {
	height: 100%;
}
#search-close {
	position: absolute;
	right: 40px;
	top:25px;
	background-image: url(../img/search-close.png);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 41px;
	width: 41px;
	z-index: 100000;
	cursor: pointer;
}
#search-close span {
	position: absolute;
	right: 50px;
	top:10px;
	width: 100px;
	text-align: right;
	color: #fff
}
#search-container .vertical-align {
	height: 100%;
}
#title .form-control {
	border:0;
}
.search-btn {
	background-image: url(../img/icon-search.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.search-input {
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	line-height: 59px;
	height: 59px;
	padding-left: 25px;
	border:1px solid #33b458 !important;
}
/* /Search window */

/* Open on hover for desktops only */
ul.nav li.dropdown:hover > ul.dropdown-menu {
	display: block;    
}
@media (min-width: 979px) {
	ul.nav li.dropdown:hover > ul.dropdown-menu {
		display: block;
	}
}
/* /Open on hover for desktops only */


/* ============================================= */
/* 4. ACF elements                               */
/* ============================================= */
.embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 
.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.acf-map {
	width: 100%;
	height: 600px;
	margin-bottom: 0px;
}
/* fixes potential theme css conflict */
.acf-map img {
	max-width: inherit !important;
}
.gm-style iframe + div { border:none!important; }

/* ============================================= */
/* 5. Theme styles                               */
/* ============================================= */

#banner-wrapper {
	background-color: #fafafa;
}
/* Tiny Slider Banner */
.banner-slider-container .height-keeper {
	left: 12px;
	top: 0;
	width: 100%;
	min-height: 80vh;
	overflow:hidden;
	padding-bottom: 50px;
}
.logos-slider-controls {
	width: 100%;
}
.slider-container .slider-controls {
	left:0;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;   
	top: 50%;
	transform: translatey(-50%);
	display: flex;
	align-items: center;    
	justify-content: space-between;
}
.slider-controls {
	left: 30px;
	right: 30px;
	z-index: 40;
}
.slider-controls li {
	height: 55px;
	width: 55px;
	border-radius: 50%;
	display: flex;
	align-items: center;    
	justify-content: center;
	background-color: #fff;
	border:1px solid #fff;
	
	transition: all 0.5s;
}
.slider-controls li:hover {
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);
}
.slider-controls li.prev {
	margin-left:-15px;
}
.slider-controls li.next {
	margin-right:-15px;
}
@media only screen and (max-width : 991px) {
	.slider-controls li.prev {
		margin-left:5px;
	}
	.slider-controls li.next {
		margin-right:5px;
	}
}
.slider-item {
	padding: 0;
	min-height: 40vh;
	height: 450px;
	background-repeat: no-repeat;
	border-left: 2px solid #fff;
	overflow: hidden;
}
.slider-item::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url(../img/banner-slide-curtine.webp);
}
.arrow {
	height: 30px;
	width: 28px;
	background-image: url(../img/arrows.png);
	cursor: pointer;
}

.arrow.arrow-right {
	background-position: 28px 0;
}
.tns-nav {
	position: absolute;
	left: 50%;
	bottom: -50px;
	transform: translateX(-50%);
}
.tns-nav button {
	background-color: #cfcfcf;
	border:0;
	margin: auto 5px;
	border-radius: 50%;
	width: 12px;
	height: 12px;
}
.tns-nav button.tns-nav-active {
	background-color: #33b458;
	border:0;
	margin: auto 5px;
	border-radius: 50%;
	width: 12px;
	height: 12px;
}
/* /Tiny Slider Banner */

.home-heading--hero {
	background-color: #bcd8b6;
	width: 100%;
	height:100%;
	border-radius: 50px;
	mask-image: url(../img/home-heading--hero.svg);
	mask-repeat: no-repeat;
}

.heading--hero-01 img {
	border-radius: 50px;
}

.bg-green {
	background-color:#33b458;
}
.bg-grey {
	background-color:#f5f5f5;
}
.home-heading--hero-green {
	position: absolute;
	right:0;
	top:-17px;
	width: 26%;
	height:44%;	
	border-radius: 50px;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
}
.home-heading--hero-green {
	font-size: 22px;
}
@media only screen and (max-width : 991px) {
	.home-heading--hero-green {
		font-size: 16px;
		text-align: center;
	}
	.home-heading--hero-green lord-icon {
		display: none;
	}
	.home-heading--hero-green {
		display: none;
	}
}
.heading--hero-01-green {
	position: absolute;
	right:10px;
	top:0px;
	width: 200px;
	height:auto;	
	border-radius: 50px;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
}
.mask-01 {
	right:-1px;
	top:0px;
	width: 280px;
	height: 100%;
	background-image: url(../img/mask-01.svg);
	background-repeat: no-repeat;
}
.heading--hero-01-green {
	font-size: 22px;
}
@media only screen and (max-width : 991px) {
	.mask-01 {
		display: none;
	}
	.heading--hero-01-green {
		font-size: 16px;
		text-align: center;
	}
	.heading--hero-01-green lord-icon {
		display: none;
	}
	.heading--hero-01-green {
		display: none;
	}
}
.signika {
	font-family: "Signika", sans-serif;
}
.home-heading--hero-white {
	position: absolute;
	left:-55px;
	bottom:0;
	width: calc(55% + 55px);
	height:13%;	
	border-radius: 50px;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
	background-color: #fff;
	-webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
}
@media only screen and (max-width : 991px) {
	.home-heading--hero-white {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		position: relative;
		width: unset;
		height:unset;	
		left: unset;
		bottom:unset;
		padding-top:20px;
		padding-bottom:20px;
		margin-top: -50px;
	}
}

.gfx-left-01 {
	left: -20px;
	top: 70%;
	transform: translateY(-50%);
	z-index: -1;
}
.gfx-right-01 {
	right: 0;
	top: 0;
	z-index: -1;
}
@media only screen and (max-width : 991px) {
	.gfx-right-01 {
		top: -250px;
		transform: unset;
		opacity: 0.2;
	}
}
.gfx-left-03 {
	left:0;
	top:0;
	z-index: -1;
}
.location-name,
.location-days {
	font-size: 22px;
	font-weight: 600;
}
.location-name {
	color:#33b458;
}
.location-details {
	font-weight: 700;
}
a.btn-text {
	font-family: "Signika", sans-serif;
	font-weight: 600;
	color:#101010;
}
a.btn-text:hover {
	color:#33b458;
}
.text-bigger {
	font-size: 22px;
}
.text-biggest {
	font-size: 26px;
	line-height: 28px;
}
.text-biggest strong {
	font-weight: 400;
	color:#33b458;
}
.paczka-logo img {
	width: 170px;
}

/* Element single post box */
.post-box h3  {
	line-height: 26px !important;
	font-weight: 600;
}
.post-box h3 a {
	font-size: 22px;
	color:#101010;
}
.post-box:hover h3 a {
	color:#33b458;
}
.box-img {
	width: 100%;
	height: 380px;
	position: relative;
}

.box-img img {
	width: 100%;
	height: 380px;
	object-fit: cover;
}
.wrote-aboutus .box-img {
	width: 260px;
	height: 200px;
	position: relative;
}
.wrote-aboutus .box-img img {
	width: 260px;
	height: 200px;
	object-fit: cover;
}
.exhibitor-box--img.box-img {
	height:350px;
	overflow: hidden;
}
.exhibitor-box--img.box-img img {
	height: 350px;
}
/* /Element single post box */
.text-green {
	color:#33b458;
}
.feature-box {
	border-radius: 50px;
}
.has-modal {
	cursor: pointer;
}
.feature-box--icon {
	left: 0;
	top:0;
	width: 120px;
	height:101px;
	background-image: url(../img/feature-corner.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: -1px top;
	padding-right: 16px;
	padding-bottom: 10px;
}
.bg-grey .feature-box--icon {
	background-image: url(../img/feature-corner-grey.svg);
}
.feature-box--content-header {
	margin-left:130px;
	padding-right: 40px;
	height: 100px;
}
.feature-box.has-modal:hover .feature-box--content-header {
	background-image: url(../img/bg-feature-box-has-modal.webp);
	background-repeat: no-repeat;
	background-position: right 30px top 37px;
}
.feature-box-below {
	border-radius: 50px !important;
	font-size: 26px;
	line-height: 28px;
	font-weight: 400;
}
.strong-marker-like strong {
	margin: 0 0em;
	padding: 0.1em 0.2em;
	border-radius: 0.8em 0.3em;
	background: transparent;
	background-image: linear-gradient(
	  to right,
	  rgba(51, 180, 0, 0.1),
	  rgba(51, 180, 0, 0.7) 4%,
	  rgba(51, 180, 0, 0.3)
	);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.text-header-like {
	font-size: 36px;
	line-height: 40px;
}
.text-header-like strong {
	color:#33b458;
	font-weight: 600;
}
form.searchandfilter > ul {
	width: 100%;
	overflow: auto;
	display: flex;
	align-items:center;
	justify-content: center;
}
form#search-filter-form-6647.searchandfilter > ul {
	justify-content: start;
}
@media only screen and (max-width : 991px) { 
	form.searchandfilter > ul {
		flex-flow: column wrap;
	}
}
form.searchandfilter ul {
	padding:0;
	margin:0;
}
form.searchandfilter > ul > li {
	display:inline-block;
}
form.searchandfilter ul li {
	float: left;
}
li.sf-field-reset {
	font-weight: 600;
	padding:12px 15px !important;
}
.menu-item .nav-link,
.d-inline-block .nav-link {
	display: block !important;
}
@media (max-width: 991.98px) {
    /* Centrujemy element LI jako kontener */
    li.menu-item-cart {
        display: flex !important;
        justify-content: center !important;
        width: 100%; /* LI zajmuje całą linię */
        padding: 10px 0; /* Opcjonalny odstęp góra/dół */
    }

    /* Upewniamy się, że przycisk nie ma wymuszonej szerokości */
    li.menu-item-cart .custom-cart-btn {
        width: auto !important; 
        flex-grow: 0 !important;
    }
}
@media only screen and (max-width : 991px) { 
	li.sf-field-reset {
		margin-right: 0px !important;
	}
}

li.sf-field-taxonomy-kategoria-produktow li,
li.sf-field-category li {
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
}
li.sf-field-taxonomy-kategoria-produktow input,
li.sf-field-category input {
	display: none;
}
li.sf-field-taxonomy-kategoria-produktow label{
	cursor: pointer;
	background-color: #fff;
	padding:13px 25px !important;
	border-radius: 25px;
	font-size: 14px;
}
li.sf-field-category label {
	cursor: pointer;
	background-color: #f5f5f5;
	padding:13px 25px !important;
	border-radius: 25px;
	font-size: 14px;
	font-weight: 600;
}
li.sf-field-taxonomy-kategoria-produktow li:hover label,
li.sf-field-taxonomy-kategoria-produktow li.sf-option-active label,
li.sf-field-category li:hover label,
li.sf-field-category li.sf-option-active label {
	background-color: #33b458;
	color: #fff;
}
li.sf-field-taxonomy-kategoria-produktow ul,
li.sf-field-category ul {
	display:flex;
  	justify-content: center;
	flex-wrap: wrap;
}
li.sf-field-taxonomy-kategoria-produktow ul li,
li.sf-field-category ul li {
	display: list-item;
}
.exhibitor-box--category {
	color:#33b458;
	font-weight: 600;
	font-size: 14px;
}
.exhibitor-box--working-days-on-market {
	color:#101010;
	font-weight: 600;
	font-size: 12px;
}
.exhibitor-box--working-days-on-market img {
	width:15px;
	height:15px;
	margin-right:10px;
}

.exhibitor-box:hover {
	background-color: #fff;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}
.exhibitor-box .exhibitor-box--img img{
	scale:1;
	transition: all 0.5s;
}
.exhibitor-box:hover .exhibitor-box--img img{
	scale:1.05;
	transition: all 0.5s;
}
.exhibitor-box--corner {
	display: none;
}
.exhibitor-box:hover .exhibitor-box--corner {
	display: block;
	right:0;
	bottom:0;
	background-image: url(../img/exhibitor-corner.svg);
	width: 80px;
	height: 52px;
	background-size: cover;
	background-position: left top;
}
.exhibitor-box--corner lord-icon {
	position: absolute;
	bottom:7px;
	right: 18px;
}
.tags {
	position: absolute;
	z-index: 10;
	right: inherit;
	right: 0px;
	top: 30px;
	text-align: right;
	font-size: 12px;
	font-weight: 500;
}
.tags > div > span  {
	padding:5px 10px 5px 15px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	display: inline-block;
}
.tags--item span {
	background-color: #c4d6e8;
	color:#101010;
}
.tags--item-quality-certificate span {
	
	background-color: #33b458;
	color:#fff;
}
#exhibitors::after {
	content:"";
	position: absolute;
	background-image: url(../img/gfx-bottom-01.webp);
	width: 337px;
	height: 157px;
	bottom:-157px;
	left: 5%;
	z-index: -1;
}
@media only screen and (max-width : 991px) {
	#exhibitors::after {
		left: -200px;
		bottom:-100px;
	}
}
.feature-text {
	font-size:36px;
	line-height: 60px;
	color:#33b458;
}
@media only screen and (max-width : 991px) {
	.feature-text {
		font-size:30px;
		line-height: 38px;
	}
}
.feature-text span {
	color:#101010;
}
.testimonials {
	background-color: #000;
	background-image: url(../img/bg-testimonial.webp);
	background-size: cover;
}
.testimonials .testimonial-corner {
	background-image: url(../img/testimonial-corner.svg);
	width: 249px;
	height: 91px;
	position: absolute;
	left: 0;
	bottom: 0;
}
a.search-filter-reset {
	color:#101010;
	font-size: 14px;
}
.testimonial-item {
	font-size: 24px;
	line-height: 28px;
	background-image: url(../img/blockquote-white.webp);
	background-repeat: no-repeat;
	padding-left: 50px;
}
.testimonial-slider {
	width: 40%;
	margin-top: 30px;
}
.testimonial-author {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 15px;
	font-weight: 500;
}
.testimonial-slider-container {
	width: 40%;
	margin-bottom: 50px;
}
@media only screen and (max-width : 768px) {
	.testimonial-item > div {
		text-shadow: #101010 1px 0 10px;
	}
	.testimonial-slider-container {
		width: 100%;
		margin-bottom: 50px;
	}
}
ul.slider-controls {
	list-style-type: none;
	padding:0;
	margin:0;
}
ul.slider-controls li {
	float: left;
}
#testimonial-slider-controls {
	margin-top: 45px;
	margin-left: 100px;
}
.company-name {
	font-size: 24px;
	font-weight: 600;
}
footer {
	position: relative;
}
.footer-company-details a {
	color:#101010;
	font-weight: 700;
}
.footer-company-details a:hover {
	color:#33b458;
	font-weight: 700;
}
.footer-menus .location-hours {
	font-size: 14px;
}
.footer-menus ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.footer-menus ul li a {
	color:#101010;
	font-weight: 500;
	display: block;
}
.footer-menus ul li a:hover{
	color:#33b458;
}
.copyrights {
	font-size: 14px;
}
.copyrights a {
	color:#101010;
}
.copyrights a:hover {
	color:#33b458;
}
.modal-title {
	font-size: 26px;
}
.breadcrumbs {
	font-size: 14px;
}
.breadcrumbs a {
	font-weight: 600;
	color:#101010;
}
.search-title h4 a,
.search-title h4 a strong {
	color:#101010 !important;
}
.search-box:hover .search-title h4 a,
.search-box:hover .search-title h4 a strong {
	color:#33b458 !important;
}
.search-box:hover {
	background-color:#f5f5f5;
}
.single-meta {
	font-size: 14px;
}
.single-content iframe {
	border-radius: 30px !important;

}
#error,
#cta {
	background-image: url(../img/bg-404.webp);
	background-repeat: no-repeat;
	background-position: center center;
}
#cta.dark {
	background-image: none;
}
#cta.dark a {
	color:#000;
}
#cta.dark .bg-green{
	background-image: url(../img/bg-cta-dark.webp);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.testimonial-box--excerpt {
	background-image: url(../img/blockquote-black.webp);
	background-repeat: no-repeat;
	background-position: left 25px top 40px;
	padding-left: 70px !important;
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.page-numbers {
	font-family: "Signika", sans-serif;
	font-size: 16px;
	color:#fff;
	background-color:#33b458;
	border-radius: 50px;
	width: 50px;
	height:50px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
}
.page-numbers.current {
	background-color:#263a21;
}
a.dropdown-item.active {
	color:#fff !important;
}
.accordion-button:focus {
	box-shadow: none;
	border-color: rgba(0,0,0,.125);
}
.accordion-button {
	background-color: #f8f8f8;
	border-radius: 5px;
	font-weight: 500;
	border-radius: 25px !important;
}
.accordion-button:hover,
.accordion-button:not(.collapsed) {
	background-color: #ededed;
	color:#000;
}
.accordion-item {
	border: 0 !important;
	margin-bottom: 1px;
	border-radius: 25px !important;
	
}
.sidebar a {
	color:#101010;
	display: block;
	font-weight: 600;
}
.sidebar a:hover {
	color:#33b458;
}
.heading-text {
	font-size: 26px;
	line-height: 32px;
	font-weight: 500;
	font-family: "Signika", sans-serif;
}
.exhibitor-categories {
	margin-top: -10px;
	font-size: 14px;
	font-weight: 700;
}
.exhibitor-desc ul {
	list-style-type: none;
	padding: 0;
}
.exhibitor-desc ul li {
	padding-left: 25px;
	line-height: 30px;
	background-image: url(../img/li-green.webp);
	background-repeat: no-repeat;
	background-position: left center;
}
.exhibitor-desc--meta-pos .legend {
	font-weight: 600;
}
.fancybox-skin,
.fancybox-skin img{
	border-radius: 30px;

}
.cert-img,
.cert-img img {
	width: 75px;
	min-width: 75px;
}
.cert-title {
	font-size: 20px;
	font-weight: 600;
}
.exhibitor-contact--data-field {
	font-weight: 600;
	font-size: 20px;
}
.border-md-start {
	border-left: 1px solid #c6c6c6;
}
@media only screen and (max-width : 768px) { 
	.border-md-start {
		border-left: none;
	}
}
.column-count-2 {
	column-count: 2;
	column-gap: 40px;
}
@media only screen and (max-width : 768px) { 
	.column-count-2 {
		column-count: 1;
		column-gap: 0px;
	}
}
.team-pos--img {
	width: 350px;
	min-width: 350px;
	height: 360px;
}
.team-pos--img img {
	height: 360px;
}
.team-pos--desc .team-pos--desc-name {
	font-size: 22px;
	font-weight: 600;
}
.team-pos--desc .team-pos--desc-job {
	font-size: 14px;
	font-weight: 600;
}
#founder h3 {
	color:#000 !important;
	font-size: 22px;
}
.a11y-toolbar {
	bottom: 50px;
	top:unset;
}
.a11y-toolbar-list-item button {
	border-top-left-radius: 15px !important;
	border-bottom-left-radius: 15px !important;
}
.a11y-toolbar ul li button{
	background-color:#33b458 !important;
	color:#fff !important;
	border-color:#33b458 !important;
}
/* Accordion readmore */
.accordions-readmore-wrapper .read-more-btn .accordion-hide {
	display:inline
}
.accordions-readmore-wrapper .read-more-btn:not(.collapsed) .accordion-show {
	display:none
}
.accordions-readmore-wrapper .read-more-btn.collapsed .accordion-hide {
	display:none
}
.accordions-readmore-wrapper .accordion-read-more {
	position: relative;
}

.accordions-readmore-wrapper .accordion-read-more .accordion-item,
#gallery .accordion-item,
.accordion-premises .accordion-item {
 background-color: transparent;
}
.accordions-readmore-wrapper .accordion-read-more .accordion-body,
#gallery .accordion-read-more .accordion-body,
.accordion-premises .accordion-body {
 padding-left: 0;
 padding-right: 0;
}
.accordions-readmore-wrapper .accordion-read-more .accordion-button.read-more-btn {
	background-color: transparent;
	padding:0;
	position: relative;
	border:0;
}

.accordions-readmore-wrapper .accordion-read-more .accordion-button.read-more-btn:not(.collapsed)::before {
	display: none;
}
.accordions-readmore-wrapper .accordion-read-more .accordion-button.read-more-btn::after {
	display: none;
}
.accordions-readmore-wrapper .accordion-read-more .accordion-button {
	color:#000 !important;
	padding:0;
	font-size: 18px;
	font-weight: 400;
	position: relative;
	display: inline-block;
	box-shadow: none !important;
    border-color: rgba(0,0,0,.125) !important;
}
.accordions-readmore-wrapper .accordion-read-more .accordion-button span {
	position: relative;
}
.accordions-readmore-wrapper .accordion-read-more .accordion-button span::after{
	content:"";
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
	width: 11px;
	height: 11px;
	transition: all 0.5s;
}
.accordions-readmore-wrapper .accordion-read-more .accordion-button span.accordion-show::after{
	background-image: none;
	transition: all 0.5s;
}
.accordions-readmore-wrapper .accordion-read-more .accordion-button span.accordion-hide::after{
	background-image: none;
	transition: all 0.5s;
}
.accordions-readmore-wrapper .accordion-read-more .accordion-button span:hover{
	color:#000;
}
.accordions-readmore-wrapper .accordion-read-more .accordion-button span:hover::after{
	right: -30px;
}
/* Accordion readmore */
.mc_container .mc_custom_border_hdr {
	font-family: "Signika", sans-serif;
	color:#101010;
	font-size: 24px;
	font-weight: 500;
}
.mc_container #mc_signup #mc_subheader {
	font-family: "Plus Jakarta Sans", sans-serif;
	color:#101010;
	font-size: 16px;
	font-weight: 400;
}
.mc_var_label.mc_header.mc_header_email {
	font-family: "Plus Jakarta Sans", sans-serif;
	color:#101010;
	font-size: 14px;
	font-weight: 700;
}
#mc_mv_EMAIL {
	border:1px solid #33b458;
	border-radius:30px;
	font-family: "Plus Jakarta Sans", sans-serif;
	padding-left:25px;
	padding-left:25px;
}
.mc_form_inside .mergeRow {
	display: none;
}
.mc_signup_submit {
	text-align: left !important;
}
#mc_signup_submit {
	background-color: #33b458;
	border:1px solid #33b458;
	border-radius: 25px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	font-family: "Signika", sans-serif;
	padding:12px 30px !important;
	transition: all 0.5s;
	display: inline-block;
	margin-top: 0px !important;
	width: unset !important;
}
#mc_message {
	font-family: "Plus Jakarta Sans", sans-serif;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
	background-color: transparent;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp:hover button.dgwt-wcas-search-submit,
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover {
	background-color: #33b458;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp:hover button.dgwt-wcas-search-submit svg,
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover svg{
	filter: brightness(0) invert(100%);
}

.dgwt-wcas-suggestions-wrapp {
	border-radius: 15px !important;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
	font-size: 15px;
	font-weight: 600;
  border-color:#fff !important;
}
.dgwt-wcas-search-wrapp {
	max-width: none !important;
}
/* --- WYRÓWNANIE DO LEWEJ I BLOKADA SKAKANIA --- */
.tick {
    font-size: 27px !important; /* Główny rozmiar klapek */
    margin: 5px 0 !important; /* Trzyma się lewej krawędzi */
    display: flex !important;
    justify-content: flex-start !important;
	min-width: 280px;
}
.countdown .tick {
    font-size: 40px !important; /* Główny rozmiar klapek */
    margin: 5px 0 !important; /* Trzyma się lewej krawędzi */
    display: flex !important;
    justify-content: flex-start !important;
	min-width: 280px;
}
.tick-flip {
    min-width: 0.85em !important; 
    text-align: center !important;
    font-variant-numeric: tabular-nums !important; 
	margin: 0 1px !important;
}


.tick-group {
    margin: 0 5px 0 0 !important; /* Odstęp między sekcjami (tylko z prawej) */
    min-width:63px !important; /* Zabezpiecza przed skakaniem legendy */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.elastic-fields .tick-group {
    min-width: 90px !important;
}
/* --- KOLORYSTYKA KLAPEK --- */
.tick-flip-panel {
    background-color: #ffffff !important; /* BIAŁE TŁO KLAPEK */
    border-radius: 4px !important; /* Delikatne zaokrąglenie */
	color:#101010 !important;
}


/* Delikatny cień załamania, żeby białe klapki wyglądały naturalnie */
.tick-flip-card-shadow,
.tick-flip-card-edge {
    opacity: 0.15 !important;
}

/* --- LEGENDY PONIŻEJ KLAPEK (Dni, Godziny, Minuty, Sekundy) --- */
.tick-label {
    color: #ffffff !important; /* BIAŁE NAPISY */
    font-size: 12px !important; /* SZTYWNY ROZMIAR 12px */
    display: block !important;
    text-align: center !important;
    text-transform: capitalize !important; /* Zmienia na "Dni", "Godziny" */
    margin-top: 5px !important; /* Odstęp od klapek */
    font-family: "Signika", sans-serif !important;
    font-weight: 700 !important; /* Pogrubione, jak na Twoim obrazku */
    letter-spacing: 0.5px !important;
}

/* Ukrycie podpisu twórców biblioteki */
.tick-credits {
    display: none !important;
}
.color-white {
	color:#fff;
} 
.font-size-22 {
	font-size: 22px !important;
}
.font-size-18 {
	font-size: 18px !important;
}
.font-size-16 {
	font-size: 16px !important;
}
.font-size-15 {
	font-size: 15px !important;
}
.font-size-14 {
	font-size: 14px !important;
}
.font-size-12 {
	font-size: 12px !important;
}
.font-weight-600 {
	font-weight: 600 !important;
}
.font-signika {
	font-family: "Signika", sans-serif !important;
}
.banner-info-box {
	transform: translateY(-92px);
	right: 0px;
	background-image: url(../img/banner-scene-box-1.webp);
	background-repeat: no-repeat;
	margin-right:12px;
	max-width: 100%;
	width: 500px;
	min-height: 110px;
	background-color: #fff;
	padding: 20px 15px 0px 90px;
}
@media only screen and (max-width : 991px) {
	.banner-info-box {
		transform: translateY(0px);
	}
}
.bg-shadow {
	-webkit-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.1);
}
.product-category-box:hover {
	background-color: #fff;
}
.product-category-box .product-category-box--arrow {
	opacity:0;
	background-image: url(../img/product-category-box--arrow.webp);
	background-repeat: no-repeat;
	width: 85px;
	height: 51px;
	right: 0;
	bottom:0;
}
.product-category-box:hover .product-category-box--arrow {
	opacity:1;
}
.text-green, .font-green {
	color:#33b458 !important;
}
.contact .icon {
	min-width: 50px;
}
.contact a {
	color:#101010;
}
.contact a:hover {
	color:#33b458;
}
.step-icon-code {
	width: 65px;
	height: 65px;
	border-radius: 100%;
	margin-top:20px;
	margin-left: 20px;
}
.step-number {
	background-color: #263a21;
	color:#fff;
	width: 41px;
	height: 41px;
	border-radius: 50%;
	text-align: center;
	line-height: 41px;
}

/* Produkty */

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  padding:0 !important;
  margin:0;
  font-size:22px !important;
}
.woocommerce ul.products li.product a img {
  margin:0 !important;
}

/* 1. DOMYŚLNY WYGLĄD (bez najechania) - wymuszamy Twoje style na sklepie */
.card .price,
.card .price .amount,
.card .price bdi,
.card .price ins {
	font-family: 'Signika', sans-serif !important;
    color: #212529 !important; /* Wymuszamy ciemny kolor zamiast tego dziwnego zielonego #958e09 */
    font-size: 22px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.card .price del,
.card .price del .amount,
.card .price del bdi {
    color: #b6b6b6 !important;
    font-size: 16px !important;
    text-decoration: line-through !important;
}

.card h3 {
    color: #212529 !important; 
}

.card {
    transition: all 0.5s;
}

/* Plakietka "Promocja" */
body.woocommerce span.onsale {
    min-height: auto;
    min-width: auto;
    padding: 0px 15px;
    position: absolute;
    text-align: left;
    top: 20px !important;
    left: 0 !important;
    right: auto !important;
    margin: 0;
    border-radius: 0;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #33b458 !important;
    color: #fff !important;
    font-size: .857em;
    font-weight: 700;
    z-index: 9;
}

/* =========================================================
2. EFEKTY HOVER (Zarezerwowane TYLKO dla urządzeń z myszką)
========================================================= */
@media (hover: hover) and (pointer: fine) {
    
    /* Tło całej karty */
    .card:hover {
        background-color: #33b458 !important;
    }

    /* Wszystkie teksty, nagłówki, linki i ceny (oraz ich wewnętrzne tagi) na biało */
    .card:hover h3,
    .card:hover .price,
    .card:hover .price .amount,
    .card:hover .price bdi,
    .card:hover .price ins,
    .card:hover a,
    .card:hover a.text-dark {
        color: #fff !important;
    }

    /* Przekreślona stara cena na biało */
    .card:hover .price del,
    .card:hover .price del .amount,
    .card:hover .price del bdi {
        color: #fff !important;
    }

    /* Marka / Dostawca na ciemnozielono */
    .card:hover .product-brand {
        color: #263a21 !important;
    }

    /* Ikonki dostawy na biało */
    .card:hover .delivery img {
        filter: brightness(0) invert(100%) !important;
    }
}
/* /Produkty */

/* Siatka produktów */
/* --- INTEGRACJA WOOCOMMERCE Z SIATKĄ BOOTSTRAP --- */

/* 1. Kontener listy (ul) zachowuje się teraz idealnie jak <div class="row"> */
body.woocommerce ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-right: calc(var(--bs-gutter-x, 30px) * -0.5) !important;
    margin-left: calc(var(--bs-gutter-x, 30px) * -0.5) !important;
    padding: 0 !important;
}

/* Usuwamy przestarzały system float z WooCommerce, który generuje puste luki */
body.woocommerce ul.products::before,
body.woocommerce ul.products::after {
    display: none !important;
}

/* 2. Czyścimy sztuczne procentowe marginesy WooCommerce z kart */
body.woocommerce ul.products li.product {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    /* Przywracamy bootstrapowe odstępy (gutters) */
    padding-right: calc(var(--bs-gutter-x, 30px) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x, 30px) * 0.5) !important;
    clear: none !important;
}

/* 3. Nadpisujemy sztywno narzucone szerokości (np. 22.05%) i zwracamy kontrolę Twoim klasom col-* */
body.woocommerce ul.products li.product.col-12 { 
    width: 100% !important; 
    max-width: 100% !important;
}

@media (min-width: 576px) { 
    body.woocommerce ul.products li.product.col-sm-6 { 
        width: 50% !important; 
        max-width: 50% !important;
    } 
}

@media (min-width: 768px) { 
    body.woocommerce ul.products li.product.col-md-6 { 
        width: 50% !important; 
        max-width: 50% !important;
    }
    /* Dodane wsparcie dla tabletów w Podobnych Produktach */
    body.woocommerce ul.products li.product.col-md-4 { 
        width: 33.33333333% !important; 
        max-width: 33.33333333% !important;
    }
}

@media (min-width: 992px) { 
    body.woocommerce ul.products li.product.col-lg-4 { 
        width: 33.33333333% !important; 
        max-width: 33.33333333% !important;
    } 
    /* Dodane wsparcie dla 4 kolumn w Podobnych Produktach */
    body.woocommerce ul.products li.product.col-lg-3 { 
        width: 25% !important; 
        max-width: 25% !important;
    }
}
/* /Siatka produktów */
/* --- NAPRAWA IKONEK DOSTAWY W WOOCOMMERCE --- */

.card .delivery img {
    width: auto !important; /* Blokuje rozciąganie ikonek do 100% szerokości karty */
    max-width: 100% !important;
    display: inline-block !important; /* Zapobiega zrzucaniu ikonek do nowej linii */
    margin: 0 !important; /* Najpierw resetujemy marginesy WooCommerce... */
    margin-left: 0.5rem !important; /* ...a potem wymuszamy na sztywno Bootstrapowe ms-2 */
    box-shadow: none !important; /* Czasem Woo lubi dodać cień do obrazka */
}

/* =========================================================
   STYLE DLA SEARCH & FILTER PRO (Sidebar)
========================================================= */

/* Każda "sekcja" formularza (np. Wyszukiwarka, Kategorie) jedna pod drugą - WERSJA KULOODPORNA */
.shop-sidebar .searchandfilter > ul {
    display: flex !important;
    flex-direction: column !important; /* Bezwzględnie wymusza układ pionowy (kolumnowy) */
    width: 100% !important;
}

.shop-sidebar .searchandfilter ul li {

  padding:3px 0 !important;
}

/* Każda "sekcja" formularza (wyszukiwarka, kategorie, meta pola) na 100% szerokości w nowym rzędzie */
.shop-sidebar .searchandfilter > ul > li {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important; /* Wymusza 100% szerokości i zapobiega łamaniu */
    margin-bottom: 0 !important;
    clear: both !important; /* Czyści floaty */
}

/* Wymuszamy pionowy układ (jeden pod drugim) także dla list wewnątrz pół post-meta (dostawa, certyfikaty itp.) */
.shop-sidebar .searchandfilter .sf-field-post-meta-delivery_delivery_personal_pickup > ul,
.shop-sidebar .searchandfilter .sf-field-post-meta-delivery_delivery_to_address > ul,
.shop-sidebar .searchandfilter .sf-field-post-meta-delivery_delivery_to_point > ul,
.shop-sidebar .searchandfilter .sf-field-post-meta-certificates_product_eco > ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Każdy pojedynczy checkbox (np. "Odbiór osobisty") w nowym wierszu */
.shop-sidebar .searchandfilter .sf-field-post-meta-delivery_delivery_personal_pickup > ul > li,
.shop-sidebar .searchandfilter .sf-field-post-meta-delivery_delivery_to_address > ul > li,
.shop-sidebar .searchandfilter .sf-field-post-meta-delivery_delivery_to_point > ul > li,
.shop-sidebar .searchandfilter .sf-field-post-meta-certificates_product_eco > ul > li {
    display: flex !important;
    align-items: center;
    margin-bottom: 0.1rem !important;
    width: 100%;
}

/* --- POLE WYSZUKIWANIA --- */
.shop-sidebar .searchandfilter .sf-field-search label {
    width: 100%;
    margin: 0;
}

.shop-sidebar .searchandfilter .sf-field-search input.sf-input-text {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid #ced4da !important;
    border-radius: 8px !important; /* Zaokrąglenie w stylu Bootstrapa */
    font-size: 16px;
    transition: border-color 0.3s ease;
}

.shop-sidebar .searchandfilter .sf-field-search input.sf-input-text:focus {
    outline: none !important;
    border-color: #33b458 !important; /* Twój zielony akcent */
    box-shadow: 0 0 0 0.25rem rgba(51, 180, 88, 0.25) !important;
}


/* --- LISTA KATEGORII (Checkboxy) --- */

/* Usunięcie punktowania z listy kategorii */
.shop-sidebar .searchandfilter .sf-field-taxonomy-product_cat > ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Każdy element kategorii w nowym wierszu */
.shop-sidebar .searchandfilter .sf-field-taxonomy-product_cat > ul > li {
    display: flex !important;
    align-items: center;
    width: 100%;
}
.shop-sidebar .searchandfilter ul li li {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.shop-sidebar .searchandfilter ul li li {
	padding:3px !important;
}
/* Ukrycie domyślnego checkboxa, jeśli wolisz go wystylizować (Opcjonalne, tu zostawiamy standardowy, ale poprawiamy jego pozycję) */
.shop-sidebar .searchandfilter .sf-input-checkbox {
    margin-right: 10px !important;
    margin-top: 0 !important;
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #33b458; /* Zielony kolor checkboxa w nowoczesnych przeglądarkach */
}

/* Etykieta kategorii */
.shop-sidebar .searchandfilter .sf-label-checkbox {
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #212529;
    display: inline-flex;
    align-items: center;
    justify-content: space-between; /* Rozsuwa nazwę i licznik */
    width: 100%;
    margin: 0;
}

/* Efekt najechania na tekst kategorii */
.shop-sidebar .searchandfilter .sf-label-checkbox:hover {
    color: #33b458;
}

/* Licznik produktów w kategorii np. (6) */
.shop-sidebar .searchandfilter .sf-count {
    color: #6c757d;
    font-size: 14px;
    font-weight: 400;
    margin-left: auto; /* Dopycha licznik do prawej krawędzi (opcjonalnie) */
    background: #f8f9fa;
    padding: 2px 8px;
    border-radius: 12px;
}
/* --- WYRÓŻNIENIE: CERTYFIKAT EKOLOGICZNY - ZAKTUALIZOWANE O WYŚRODKOWANIE --- */

/* Zielone tło i wyśrodkowanie poziome (justify-content: center) */
.shop-sidebar .searchandfilter .sf-field-post-meta-certificates_product_eco > ul > li {
    background-color: #33b458 !important;
    padding: 12px 15px !important;
    border-radius: 50px !important;
    justify-content: center !important;
	margin-top: 30px !important;
}

/* Etykieta białego koloru na środku */
.shop-sidebar .searchandfilter .sf-field-post-meta-certificates_product_eco .sf-label-checkbox {
    color: #fff !important;
    width: auto !important; /* Usuwa rozciąganie do 100%, żeby środkowanie zadziałało */
}

/* Nadpisanie hovera, żeby napis nie znikał */
.shop-sidebar .searchandfilter .sf-field-post-meta-certificates_product_eco .sf-label-checkbox:hover {
    color: #f1f1f1 !important; 
}

/* Dostosowanie checkboxa */
.shop-sidebar .searchandfilter .sf-field-post-meta-certificates_product_eco .sf-input-checkbox {
    accent-color: #fff !important;
    mix-blend-mode: screen; 
    margin-right: 15px !important; /* Trochę większy odstęp na środku */
}

/* --- PRZYCISK SZUKAJ (Stylizowany na .btn .btn-black) --- */

/* Odstęp nad przyciskiem, by oddzielić go od checkboxów */
.shop-sidebar .searchandfilter > ul > li.sf-field-submit {
    margin-top: 1rem !important;
    margin-bottom: 0 !important;
}

/* Właściwy wygląd przycisku */
.shop-sidebar .searchandfilter .sf-field-submit input[type="submit"] {
    display: block !important;
    width: 100% !important; /* Rozciągnięcie na pełną szerokość sidebara */
    background-color: #101010 !important; /* Ciemny czarny (dopasowany do designu) */
    color: #fff !important;
    border: 1px solid #101010 !important;
    padding: 12px 24px !important; /* Wielkość na wzór Bootstrapa */
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 50px !important; /* Mocne zaokrąglenie (jak Twoje klasy rounded-5) */
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
    text-align: center !important;
}

/* Efekt najechania myszką (Hover) */
@media (hover: hover) and (pointer: fine) {
    .shop-sidebar .searchandfilter .sf-field-submit input[type="submit"]:hover {
        background-color: #33b458 !important; /* Zmiana na Twój firmowy zielony */
        border-color: #33b458 !important;
        color: #fff !important;
    }
}

/* --- POLE WYSZUKIWANIA (Pełne zaokrąglenie) --- */
.shop-sidebar .searchandfilter .sf-field-search input.sf-input-text {
    width: 100% !important;
    padding: 12px 24px !important; /* Zwiększony boczny padding (z 15px na 24px), żeby tekst nie wchodził na zaokrąglenia */
    border: 1px solid #ced4da !important;
    border-radius: 50px !important; /* Zmiana na 50px - daje pełne, półokrągłe rogi */
    font-size: 16px !important;
    transition: all 0.3s ease !important;
	font-family: 'Signika', sans-serif;
}

.shop-sidebar .searchandfilter .sf-field-search input.sf-input-text:focus {
    outline: none !important;
    border-color: #33b458 !important; 
    box-shadow: none !important;
}

/* --- UKRYWANIE FILTRU KATEGORII NA STRONACH KATEGORII WOOCOMMERCE --- */

/* Kiedy jesteśmy na archiwum kategorii (body.tax-product_cat), 
   cały blok wyboru kategorii znika (display: none) */
body.tax-product_cat .searchandfilter .sf-field-taxonomy-product_cat {
    display: none !important;
}

/* =========================================================
   STYLIZACJA SORTOWANIA WOOCOMMERCE (Pill shape)
========================================================= */

/* Kontener sortowania */
body.woocommerce .woocommerce-ordering {
    margin-bottom: 2rem !important; /* Odstęp od siatki produktów */
}

/* Wygląd samego rozwijanego okienka */
body.woocommerce .woocommerce-ordering select.orderby {
    font-family: 'Signika', sans-serif !important; /* Wymuszenie czcionki */
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #212529 !important;
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
    border-radius: 50px !important; /* Pełne zaokrąglenie w stylu "pill" */
    padding: 10px 45px 10px 24px !important; /* Dużo miejsca z prawej na naszą strzałkę */
    
    /* Ukrywamy brzydką, domyślną strzałkę przeglądarki... */
    appearance: none !important; 
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    
    /* ...i dodajemy własną, elegancką zieloną strzałkę SVG w tle */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2333b458' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 20px center !important; /* Pozycja strzałki */
    background-size: 14px !important;
    
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

/* Stan po kliknięciu (Focus) - idealnie zgrany z wyszukiwarką w sidebarze */
body.woocommerce .woocommerce-ordering select.orderby:focus {
    outline: none !important;
    border-color: #33b458 !important;
    box-shadow: none !important;
}

/* Na małych ekranach (komórkach) rozciągamy sortowanie na 100% szerokości dla wygody klikania */
@media (max-width: 767px) {
    body.woocommerce .woocommerce-ordering {
        float: none !important;
        width: 100%;
        margin-bottom: 1.5rem !important;
    }
    body.woocommerce .woocommerce-ordering select.orderby {
        width: 100% !important;
    }
}

/* --- WYRÓWNANIE LICZNIKA I SORTOWANIA (Flexbox/Bootstrap) --- */

/* Resetujemy przestarzałe floaty i marginesy WooCommerce wewnątrz naszego nowego paska */
body.woocommerce .shop-top-bar .woocommerce-result-count,
body.woocommerce .shop-top-bar .woocommerce-ordering {
    float: none !important;
    margin: 0 !important;
}

/* Opcjonalnie: poprawa wyrównania tekstu licznika, by idealnie zgrał się ze środkiem formularza */
body.woocommerce .shop-top-bar .woocommerce-result-count {
    padding-top: 0 !important;
    color: #6c757d;
	font-family: 'Signika', sans-serif;
}

/* =========================================================
   STYLE DLA KARTY PRODUKTU (Wzór: image_1.png)
========================================================= */

/* --- 1. OBRAZY I GALERIA (Zaokrąglone rogi) --- */
.woocommerce-product-gallery img {
    border-radius: 1.5rem !important; /* rounded-5 */
    object-fit: cover;
}

/* Wymuszenie na kontenerze zdjęcia głównego */
.woocommerce-product-gallery__image {
    border-radius: 1.5rem !important;
    overflow: hidden;
}

/* Miniaturki galerii pod spodem */
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
    border-radius: 1.25rem !important; /* rounded-4 dla mniejszych */
    margin-top: 10px;
}

/* --- 2. KRÓTKI OPIS, TYTUŁ I ZAKŁADKI (Signika i kolor) --- */
.product_title.entry-title {
    font-family: 'Signika', sans-serif !important;
    color: #212529 !important; /* Domyślny ciemny */
    font-size: 2.25rem;
    font-weight: 700;
}

.woocommerce-product-details__short-description {
    color: #212529 !important;
    line-height: 1.6;
}

/* Ukrywamy nagłówek "Opis" w zakładce */
.woocommerce-Tabs-panel--description h2 {
    display: none !important;
}

/* --- 3. SZARY BOKS (bg-grey, cena) --- */
.single-product-cart-box .price {
    font-family: 'Signika', sans-serif !important;
    color: #212529 !important; /* Cena czarna */
    font-size: 26px !important;
    margin: 0 !important;
	display: inline-flex !important; /* Układa elementy obok siebie */
    align-items: baseline !important; /* Wyrównuje tekst do dołu (linii bazowej) */
    font-weight: 600 !important;
    gap: 8px; /* Odstęp między ceną a dopiskiem */
}

.single-product-cart-box .price .amount {
    font-weight: 600 !important;
}

/* Dopisek z VAT / jednostka */
.single-product-cart-box .price .price-suffix-inline {
	font-family: 'Signika', sans-serif !important;
    font-size: 1.1rem !important; /* Znacznie mniejszy rozmiar */
    font-weight: 500 !important;
    color: #212529 !important; /* Ten sam kolor co cena, lub #6c757d jeśli wolisz szary */
    white-space: nowrap; /* Zapobiega łamaniu dopisku */
}
:not(.single-product-cart-box) .price .price-suffix-inline {
	font-family: 'Signika', sans-serif !important;
	font-size:15px !important;
	display: block !important;
}

.single-product-cart-box .price ins,
.single-product-cart-box .price bdi {
    text-decoration: none !important;
}

/* --- 4. LICZNIK, PRZYCISK, WARIANTY (rounded-pill, zielony) --- */
.single-product-cart-box .d-flex .quantity {
    margin: 0 !important;
}

.single-product-cart-box .d-flex .quantity input {
    font-family: 'Signika', sans-serif !important;
    border-radius: 50px !important; /* rounded-pill */
    border: 1px solid #ced4da !important;
    padding: 10px 15px !important;
    width: 70px;
    height: 50px;
}

.single-product-cart-box .d-flex .button {
    font-family: 'Signika', sans-serif !important;
    background-color: #33b458 !important; /* Twój zielony akcent */
    color: #fff !important;
    border-radius: 50px !important; /* rounded-pill */
    padding: 12px 30px !important;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    height: 50px;
}

.single-product-cart-box .d-flex .button:hover {
    background-color: #263a21 !important; /* Ciemniejszy zielony na hover */
}

/* Jeśli są warianty, wyrównujemy ich pola */
.single-product-cart-box table.variations {
    width: 100% !important;
}

.single-product-cart-box table.variations select {
    font-family: 'Signika', sans-serif !important;
    border-radius: 8px !important;
    padding: 8px !important;
}
.woocommerce div.product form.cart {
  margin-bottom:0;
}
.single-product-cart-box .product-tax-unit {
	margin-top: 10px;
}

/* =========================================================
   STYLIZACJA SEKCJI OPISU (ZAKŁADEK) - Wzór z obrazka
========================================================= */

/* 1. Kontener główny wszystkich zakładek */
.woocommerce-tabs.wc-tabs-wrapper {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
    border: none !important;
}

/* 2. Lista przycisków (ul.tabs) */
.woocommerce-tabs ul.tabs {
    display: flex !important;
    padding: 0 !important;
    margin: 0 0 -1px 20px !important; /* Przesunięcie lekko w prawo i dociśnięcie do tła */
    border: none !important;
    background: none !important;
    list-style: none !important;
}

/* 3. Pojedynczy przycisk zakładki (li) */
.woocommerce-tabs ul.tabs li {
    background-color: #f8f9fa !important; /* Bardzo jasny szary lub biały dla nieaktywnej */
    border: none !important;
    border-radius: 20px 20px 0 0 !important; /* Zaokrąglenie tylko góry */
    margin-right: 5px !important;
    padding: 0 !important;
    overflow: hidden;
}

.woocommerce-tabs ul.tabs li a {
    font-family: 'Signika', sans-serif !important;
    display: block !important;
    padding: 12px 30px !important;
    font-weight: 600 !important;
    color: #212529 !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

/* Aktywna zakładka (ta kliknięta) */
.woocommerce-tabs ul.tabs li.active {
    background-color: #f2f2f2 !important; /* Taki sam kolor jak bg-grey panelu poniżej */
}

.woocommerce-tabs ul.tabs li.active a {
    color: #212529 !important;
}

/* 4. Panel z treścią (szary boks pod spodem) */
.woocommerce-tabs .woocommerce-Tabs-panel {
    background-color: #f2f2f2 !important; /* Twoja klasa bg-grey */
    padding: 40px !important;
    border-radius: 30px !important; /* Duże zaokrąglenie rogów (rounded-5) */
    border: none !important;
    box-shadow: none !important;
}

/* 5. Typografia wewnątrz opisu */
.woocommerce-tabs .woocommerce-Tabs-panel h2, 
.woocommerce-tabs .woocommerce-Tabs-panel h3 {
    font-weight: 700 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
}

.woocommerce-tabs .woocommerce-Tabs-panel p {
    line-height: 1.7 !important;
    color: #444 !important;
    margin-bottom: 1.2rem !important;
}

/* Usunięcie domyślnej strzałki/linii WooCommerce pod zakładkami */
.woocommerce-tabs ul.tabs::before {
    display: none !important;
}
.description_tab{
	font-size: 20px !important;
	border-radius: 30px !important; /* Duże zaokrąglenie rogów (rounded-5) */

	display: inline-block !important;
}
/* =========================================================
   FIX: IDEALNE DOPASOWANIE ZAKŁADKI OPISU
========================================================= */

/* 1. Resetujemy kontener, aby usunąć wszelkie ukryte linie i odstępy */
.woocommerce-tabs.wc-tabs-wrapper {
    border: none !important;
    padding: 0 !important;
    margin-top: 4rem !important;
}

/* 2. Lista zakładek - dociśnięta do dołu o 1px, żeby zakryć krawędź panelu */
.woocommerce-tabs ul.tabs {
    display: flex !important;
    margin: 0 !important; 
    padding: 0 !important;
    border: none !important;
    background: none !important;
    position: relative !important;
    z-index: 2 !important; /* Musi być nad panelem */
    bottom: -1px !important; /* Magiczne przesunięcie w dół */
}

/* 3. Wygląd zakładki "Opis" */
.woocommerce-tabs ul.tabs li {
    background-color: #f2f2f2 !important; /* Kolor bg-grey */
    border: none !important;
    margin: 0 !important;
    border-radius: 20px 20px 0 0 !important; /* Zaokrąglona tylko góra */
    padding: 0 !important;
}

.woocommerce-tabs ul.tabs li a {
    font-family: 'Signika', sans-serif !important;
    padding: 12px 35px !important;
    font-weight: 700 !important;
    color: #212529 !important;
    display: block !important;
    text-decoration: none !important;
}

/* 4. PANEL TREŚCI - Tutaj naprawiamy ten róg */
.woocommerce-tabs .woocommerce-Tabs-panel {
    background-color: #f2f2f2 !important; /* Ten sam kolor co zakładka */
    padding: 45px !important;
    border: none !important;
    
    /* LEWY GÓRNY RÓG NA 0 - to usuwa ten biały prześwit */
    border-radius: 0 30px 30px 30px !important; 
    
    position: relative !important;
    z-index: 1 !important;
    box-shadow: none !important;
}

/* 5. Usuwamy absolutnie wszystkie linie pomocnicze WooCommerce */
.woocommerce-tabs ul.tabs::before,
.woocommerce-tabs ul.tabs::after,
.woocommerce-tabs::before,
.woocommerce-tabs::after {
    display: none !important;
    content: none !important;
}
/* --- ODSTĘPY W GALERII PRODUKTU --- */

/* 1. Kontener miniaturek - zamiana na Flexbox i dodanie odstępów (gap) */
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important; /* Odstęp między miniaturkami */
    padding: 20px 0 0 0 !important; /* Odstęp od zdjęcia głównego */
    margin: 0 !important;
    list-style: none !important;
}

/* 2. Resetowanie domyślnych szerokości i marginesów list WooCommerce */
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
    flex: 0 0 calc(25% - 12px) !important; /* Idealnie 4 w rzędzie z uwzględnieniem gap */
    float: none !important;
    margin: 0 !important;
}

/* 3. Stylizacja samych obrazków w galerii */
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 15px !important; /* Zaokrąglenie pasujące do Twoich kart */
    transition: transform 0.2s ease-in-out, border-color 0.2s;
    border: 2px solid transparent !important;
    cursor: pointer;
}



/* Dostosowanie dla telefonów - miniaturki nieco większe (3 w rzędzie) */
@media (max-width: 576px) {
    .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
        flex: 0 0 calc(33.333% - 10px) !important;
    }
}
/* --- FINALNY FIX NA MARGINESY I UKŁAD SEKCJI OPISU --- */

/* 1. Naprawa zapadania się marginesów pod elementami pływającymi */
.woocommerce-tabs.wc-tabs-wrapper {
    clear: both !important;         /* Kluczowe: przesuwa sekcję poniżej zdjęć i ceny */
    display: table !important;      /* Tworzy nowy kontekst formatowania (bezpieczniejsze niż block) */
    width: 100% !important;
    margin-top: 70px !important;    /* Teraz ten margines faktycznie odepchnie się od góry */
    margin-bottom: 50px !important;
    padding: 0 !important;
}

/* 2. Upewnijmy się, że kontener produktu (rodzic) sam się domyka */
.product.type-product::after {
    content: "";
    display: block;
    clear: both;
}

/* 3. Poprawka dla listy zakładek - żeby idealnie leżała na szarym boksie */
.woocommerce-tabs ul.tabs {
    display: flex !important;
    margin: 0 0 -1px 0 !important; /* -1px dociśnie zakładkę do szarego tła, usuwając białą szparę */
    padding: 0 !important;
    border: none !important;
    background: none !important;
    position: relative !important;
    z-index: 2 !important;
}

/* 4. Usunięcie domyślnych „usztywniaczy” WooCommerce, które mogą przesuwać layout */
.woocommerce-tabs::before, 
.woocommerce-tabs::after {
    display: none !important;
    content: none !important;
}
/* --- UNIWERSALNA REFORMACJA UKŁADU DLA KAŻDEGO PRODUKTU --- */

/* 1. Kontener główny produktu - Flexbox wymusza porządek i naprawia marginesy */
.single-product div.product {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    /* To "magiczna" linijka, która sprawi, że marginesy pod spodem zaczną działać */
}

/* 2. Galeria zdjęć (lewa strona) */
.single-product div.product .woocommerce-product-gallery {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    float: none !important;
    margin: 0 !important;
}

/* 3. Podsumowanie / Cena / Koszyk (prawa strona) */
.single-product div.product .summary {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    float: none !important;
    padding-left: 40px !important;
}

/* 4. SEKCJA OPISU (Zakładki) - Teraz margines zadziała na każdym produkcie */
.single-product div.product .woocommerce-tabs.wc-tabs-wrapper {
    flex: 0 0 100% !important; /* Zajmuje pełną szerokość pod zdjęciami */
    width: 100% !important;
    margin-top: 80px !important; /* ODSTĘP, KTÓRY NIE BĘDZIE JUŻ NACHODZIĆ */
    margin-bottom: 50px !important;
    clear: both !important;
    display: block !important;
}

/* Responsywność: Na telefonach zdjęcia i opis idą jeden pod drugim (100% szerokości) */
@media (max-width: 991px) {
    .single-product div.product .woocommerce-product-gallery,
    .single-product div.product .summary {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
		
    }
    .single-product div.product .summary {
        margin-top: 30px !important;
    }
	.single-product div.product .woocommerce-tabs.wc-tabs-wrapper {
		margin-top: 0px !important;
		margin-bottom: 20px !important;
	}
}
/* --- USUNIĘCIE MARGINESU Z OSTATNIEGO AKAPITU W OPISIE --- */

.woocommerce-Tabs-panel--description p:last-child,
.woocommerce-Tabs-panel--description p:last-of-type {
    margin-bottom: 0 !important;
}
.entry-summary {
	padding-top: 25px;
	padding-bottom: 25px;
}
.delivery-icons-wrap .delivery .bg-green {
	border-radius: 100%;
}
.delivery-icons-wrap .delivery .bg-green img {
	filter: brightness(0) invert(100%);
}
.wp-block-woocommerce-cart-order-summary-block {
	font-size: 15px !important;
}
.wc-block-cart-items__header,
.wc-block-cart__totals-title {
	font-family: 'Signika', sans-serif !important;
	font-size: 20px !important;
}
.wc-block-components-product-name {
	font-family: 'Signika', sans-serif !important;
	font-size: 22px !important;
}
.price.wc-block-components-product-price {
	font-family: 'Signika', sans-serif !important;
	font-size: 22px !important;
}
.wc-block-components-product-price__regular {
	font-size: 18px;
	color:#6c757d;
}
.wc-block-components-product-metadata__description {
	font-size: 15px !important;
}
.wc-block-components-quantity-selector__input {
	height:50px;
	font-size: 1rem !important;
	font-weight: 500 !important;
}
.wc-block-components-quantity-selector {
	border-radius: 30px !important;
	border-top-left-radius: 30px !important;
}
.wc-block-components-product-metadata__description p {
	font-size: 14px !important;
}
.wc-block-cart-item__image img {
	border-radius: 15px;
}
.wc-block-components-button.wc-block-cart__submit-button {
	background-color: #33b458 !important;
	color:#fff !important;
	border-radius: 30px !important;
	font-family: 'Signika', sans-serif !important;
	font-size: 22px !important;
}
.woocommerce-Button,
.woocommerce-info .button,
.woocommerce-Address-title .edit,
.wc-block-components-button.wp-element-button {
	background-color: #33b458 !important;
	color:#fff !important;
	border-radius: 30px !important;
	font-family: 'Signika', sans-serif !important;
	font-size: 16px !important;
	border:0 !important
}
.woocommerce-Button,
.woocommerce-info .button,
.woocommerce-Address-title .edit {
	background-color: #263a21 !important;
	padding:15px 25px !important;
}
input[type="text"],
select,
input[type="email"],
input[type="password"],
input[type="tel"] {
	border-radius: 30px !important;
	padding-left: 20px !important;
}
.wc-block-components-text-input label,
.wc-blocks-components-select__container label {
	padding-left: 13px !important;
}
.woocommerce-MyAccount-navigation ul{
	padding:0;
}
.woocommerce-MyAccount-navigation ul li {
	display: block !important;
	color:#fff !important;
	border-radius: 30px !important;
	font-family: 'Signika', sans-serif !important;
	font-size: 18px !important;
	border:0 !important;
	padding:12px 0 !important;
}
.woocommerce-MyAccount-navigation ul li a {
	color:#fff !important;
	background-color: #33b458 !important;
	padding:10px 20px !important;
	border-radius: 30px;
}
.woocommerce-MyAccount-navigation ul li a:hover {
	color:#fff !important;
	background-color: #263a21 !important;
	padding:10px 20px !important;
	border-radius: 30px;
}
.woocommerce-info {
	border-top-color:#33b458;
}

.woocommerce-info::before {
	color:#33b458;
}
.woocommerce-Address-title h2 {
	font-size: 22px !important;
	margin-bottom: 30px;
}
.woocommerce-Address address {
	margin-top: 30px;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border:1px solid #cfc8d8;
  padding:20px;
  margin:2em 0;
  text-align:left;
  border-radius:25px
}
/* Stylizacja selektora ilości w boksach */
.quantity-selector {
    display: flex;
    background: #fff; /* Twój bg-grey */
    padding: 2px;
    height: 50px;
    border: 1px solid #ced4da;
	margin-left: auto;
}

.qty-btn {
    background: none;
    border: none;
    width: 35px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 600;
    color: #212529;
    cursor: pointer;
    user-select: none;
}

.qty-btn:hover {
    color: #33b458; /* Twój zielony */
}

input.custom-loop-qty {
    width: 40px !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
   
    padding: 0 !important;
    margin: 0 !important;
    -moz-appearance: textfield; /* Ukrycie strzałek FF */
}

/* Ukrycie strzałek Chrome/Safari */
input.custom-loop-qty::-webkit-outer-spin-button,
input.custom-loop-qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Usuwa niebieską ramkę (focus) po pojawieniu się komunikatów WooCommerce */
.woocommerce-message:focus,
.woocommerce-error:focus,
.woocommerce-info:focus,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    outline: none !important;
    box-shadow: none !important;
}
.wc-block-components-notice-banner.is-error {
	border-radius: 50px;
}
/* ============================================= */
/* 6. Responsive fixes                           */
/* ============================================= */

@media only screen and (max-width : 1150px) {
	.slider-container .slider-controls {
		margin: 0;
	    padding: 0;
	    list-style: none;
	    position: absolute;   
	    top: 50%;
	    transform: translatey(-50%);
	    display: flex;
	    align-items: center;    
	    justify-content: space-between;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) { 

	.fixed-top.navbar-light .navbar-nav .nav-link {
		padding-top:8px;
		padding-bottom:8px;
	}
	.navbar-dark .navbar-nav .nav-link {
		padding-top:10px;
		padding-bottom:10px;
	}
	.navbar {
		padding-top:8px !important;
		padding-bottom:8px !important;
	}
	.navbar-brand img {
		width: 120px; 
		height: auto;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	/* WP image float fix */
	figure.alignleft, img.alignleft, figure.alignright, img.alignright {
		float:none;
	}
	/* /WP image float fix */

} 

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
}


/* Height */
@media only screen and (max-height : 730px) {
}