/**
 * FRONT-END STYLES
 */
/** CAROUSEL **/
.boulangerie-carousel {}
/** CAROUSEL ITEMS **/
.boulangerie-carousel-items {
	/* Trying to fix no-touch bug in Safari */
	/* touch-action: pan-y; */
}
.boulangerie-carousel-item {
	/* Trying to fix no-touch bug in Safari */
	/* -webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden; */
}
.boulangerie-carousel-item-inner {}
/** PAGINATION **/
root: {
	--swiper-pagination-color: var(--swiper-theme-color); /* var(--swiper-theme-color) default */
	--swiper-pagination-left: auto; /* auto default */
	--swiper-pagination-right: 8px; /* 8px default */
	--swiper-pagination-bottom: 8px; /* 8px default */
	--swiper-pagination-top: auto; /* auto default */
	--swiper-pagination-fraction-color: inherit; /* inherit default */
	--swiper-pagination-progressbar-bg-color: rgba(0, 0, 0, 0.25); /* rgba(0, 0, 0, 0.25) default */
	--swiper-pagination-progressbar-size: 4px; /* 4px default */
	--swiper-pagination-bullet-size: 8px; /* 8px default */
	--swiper-pagination-bullet-width: 8px; /* 8px default */
	--swiper-pagination-bullet-height: 8px; /* 8px default */
	--swiper-pagination-bullet-inactive-color: #000; /* #000 default */
	--swiper-pagination-bullet-inactive-opacity: 0.2; /* 0.2 default */
	--swiper-pagination-bullet-opacity: 1; /* 1 default */
	--swiper-pagination-bullet-horizontal-gap: 4px; /* 4px default */
	--swiper-pagination-vertical-gap: 6px; /* 6px default */
}
.boulangerie-carousel-pag {}
.boulangerie-carousel-pag-hidden {}
.boulangerie-carousel-pag-bullet {}
.boulangerie-carousel-pag-bullet-active {}
.boulangerie-carousel-pag-bullet-clickable {}
.boulangerie-carousel.boulangerie-carousel-pag-disabled {}
.boulangerie-carousel-pag-hidden {}
.boulangerie-carousel-pag-lock {}
.boulangerie-carousel-pag- {}
/** NAVIGATION **/
root: {
	/* --swiper-theme-color: ???; */
	--swiper-navigation-size: 44px; /* 44px default */
	--swiper-navigation-top-offset: 50%; /* 50% default */
	--swiper-navigation-sides-offset: 10px; /* 10px default */
	--swiper-navigation-color: var(--swiper-theme-color); /* var(--swiper-theme-color) default */
}
.boulangerie-carousel-nav-button-prev {}
.boulangerie-carousel-nav-button-next {}
.swiper-horizontal .boulangerie-carousel-nav-button-prev,
.swiper-horizontal .boulangerie-carousel-nav-button-next {
	top: calc(var(--swiper-navigation-top-offset) - (var(--swiper-navigation-size) / 2));
}
.boulangerie-carousel.boulangerie-carousel-nav-disabled {}
.boulangerie-carousel-nav-button-disabled {}
.boulangerie-carousel-nav-button-hidden {}
.boulangerie-carousel-nav-button-locked {}

/* Fix non-working nav, autoplay, etc.) carousel bug bug on Safari. NOTE: overflow:hidden on this element breaks other browsers! Nice one, Swiper.js :/ */
/* Target only Safari with this rule */
@supports (hanging-punctuation: first) {
	.swiper-wrapper.boulangerie-carousel-items {
		overflow: hidden;
	}
}





/**
 * ADMIN STYLES
 */

/* Carousel */
.wpb_boulangerie_carousel > .wpb_element_wrapper {
		background: #e3f2fd !important;
		border: 3px solid #1976d2 !important;
		border-radius: 12px !important;
		min-height: 180px !important;
}
.wpb_boulangerie_carousel.wpb_empty_element > .wpb_element_wrapper::after {
		content: "Boulangerie Carousel — Add Boulangerie Carousel Items here";
		color: #1976d2 !important;
		font-weight: 700 !important;
		font-size: 16px !important;
}

/* Carousel Item */
.wpb_boulangerie_carousel_item > .wpb_element_wrapper {
		background: #fff3e0 !important;
		border: 2px dashed #ff9800 !important;
		border-radius: 8px !important;
		min-height: 120px !important;
		margin: 10px !important;
}
.wpb_boulangerie_carousel_item.wpb_empty_element > .wpb_element_wrapper::after {
		content: "Boulangerie Carousel Item — Add any content here";
		color: #e65100 !important;
		font-weight: 600 !important;
}