/*
 Theme Name:   Kadence Child
 Theme URI:    https://example.com/
 Description:  Child theme for Kadence
 Author:       Your Name
 Author URI:   https://example.com/
 Template:     kadence
 Version:      1.0.0
 Text Domain:  kadence-child
*/

/* Twoje style tutaj. Przykład: */
/* .site-title { letter-spacing: .5px; } */

.p-0 {
	padding: 0 !important;
}

.entry.loop-entry,
.shadow-default {
	transition: box-shadow 0.1s ease-in-out;
	box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.05);
}

.wc-block-product {
	padding-block: 18px;
}
.wc-block-components-product-image img {
	width: min(100%, 280px) !important;
	margin-inline: auto;
}

.br-48 {
	border-radius: 48px !important;
}
.shadow-default-hover:hover {
	box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.015);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	/*letter-spacing: -1px;*/
	line-height: 0.95;
	text-transform: uppercase;
	font-weight: 400;
}
.flex-list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 16px;
}
.flex-list__num {
	margin: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--global-palette-btn-bg);
	color: white;
	width: 64px;
	height: 64px;
	aspect-ratio: 1;
	border-radius: 50%;
	font-size: 36px;
	font-weight: 600;
	padding: 16px;
}
.flex-list > p {
	margin-left: 16px;
}

.carousel-btn {
	width: 36px !important;
	height: 36px !important;
	padding: 0 !important;
	border-radius: 50% !important;
}

:where(.wc-block-next-previous-buttons__icon--left) {
	padding: 0;
}

:where(.wc-block-next-previous-buttons__icon--right) {
	padding: 0;
}

.font-white a {
	color: white !important;
}

.header-navigation .header-menu-container ul ul li.menu-item > a {
	width: 250px;
	padding-top: 1.25em;
	padding-bottom: 1.25em;
	color: var(--global-palette3);
	font-style: normal;
	font-size: 20px;
	line-height: 1;
}

.default-bg-blur {
	backdrop-filter: blur(4px);
}

.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a {
	color: #f58caa !important;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover {
	color: var(--global-palette-accent) !important;
}
.slide-box {
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}
.slide-box figure {
	transition: all 0.3s ease-in-out;
}
.slide-box:hover figure {
	scale: 1.1;
	background-color: #f58caa;
}
.slide-box figure img {
	transition: all 0.3s ease-in-out;
}
.slide-box:hover figure img {
	opacity: 0.25;
}
.slide-box:hover .color-hover-dark {
	color: #000;
}

.slide-box__content {
	position: absolute;
	bottom: 50%;
	transform: translateY(50%);
	left: 0;
	z-index: 10;
	/*background-color: rgba(255, 255, 255, 0.65);*/
	width: 100%;
	/*backdrop-filter: blur(1px);*/
	/*filter: grayscale(1);*/
	pointer-events: all;
}
/*.slide-box__content a {
	padding: 1rem;
}*/

.p-absolute {
	position: absolute !important;
}

.swiper-pagination {
	transform: translateY(48px);
	z-index: 10;
}
.splide__pagination {
	bottom: -36px !important;
}

.swiper-pagination-bullet,
.splide__pagination__page {
	background-color: var(--global-palette-btn-bg) !important;
	padding: 8px !important;
}
.kb-splide.splide__pagination__page.is-active {
	opacity: 1 !important;
}
.splide__pagination__page:not(.is-active) {
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2) !important;
}
.wp-swiper__slide.swiper-slide {
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.wp-swiper__slide.swiper-slide.swiper-slide-active {
	opacity: 1 !important;
	filter: grayscale(0);
}

@media screen and (max-width: 768px) {
	.slider_img_bg {
		opacity: 0;
	}
}

.font-heading {
	font-family: var(--global-heading-font-family) !important;
}

.color-white {
	color: var(--global-palette9) !important;
}
.color-white a {
	color: var(--global-palette9) !important;
}

.cf7-row.cf7-row--2 p {
	margin-block: 24px !important;
}

.block-container__title {
	transition: all 0.3s ease-in-out;
	transform-origin: bottom center;
}
.block-container:hover .block-container__title {
	scale: 0.99;
}
.color-primary,
.color-primary a {
	color: var(--global-palette5) !important;
}

html {
	scroll-behavior: smooth;
	scroll-margin-top: 80px;
}

.swiper-button-next,
.swiper-button-prev {
	color: #f58caa !important;
}

.diet-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.2rem 0.45rem;
	border-radius: 999px;
	font-size: 0.85rem;
	line-height: 1;
	margin: 0.35rem 0;
	border: 1px solid rgba(0, 0, 0, 0.12);
}
.diet-badge__icon {
	font-size: 1rem;
}
.diet-badge__text {
	font-weight: 600;
}

.wc-block-product-template {
	padding-left: 0 !important;
}