/*
Theme Name: Biolane Child Theme
Theme URI: 
Description: Biolane.com - Child theme of Shoptimizer
Author: Julien Quentier
Author URI: https://biolane.fr/
Template: shoptimizer
Version: 1.2.1
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html
*/


:root{
	
	/* color */
	--primary-color: #003b61;
	--primary-color-light: #e4eff6;
	--color-white: #fff;
	
	/* font */
	--txt-size: 17px;
	
	/* radius */
	--button-radius: 0.25rem;
	
	/* padding */
	--button-padding: 0.625rem 1.625rem;
	
}

/* *** ****** *** */
/* *** GLOBAL *** */
/* *** ****** *** */

body:not(.single-product) .site-content .archive-header{
display:none !important;
}

.search-trigger span{
	border-right: 0 !important;
}

/* *** breadcrumbs *** */

#breadcrumbs span {
	display: flex;
    align-items: center;
    line-height: 20px;
    font-size: var(--txt-size);
    font-weight: 400;
	gap: 14px;
	font-family: "Omnes", Sans-serif;
}

/* *** PRODUCT CARD *** */

.product-card-container{
    position: relative; 
  display: inline-block; /* ou block selon ton design */
  overflow: hidden;
}

.product-card-container .first-img {
  display: block;
  width: 100%;
	object-fit: cover;
  transition: opacity 0.4s ease-in-out;
}


.product-card-container .hover-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}


.product-card-container:hover .hover-img {
  opacity: 1;
}

.product-card-container:hover .first-img {
  opacity: 0;
}


/* *** ************* *** */
/* *** COOKIE BANNER *** */
/* *** ************* *** */

#cookie-law-info-bar.wt-cli-cookie-bar {
    background-color: var(--color-white) !important;
    border-radius: 0;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);
    color: var(--primary-color) !important;
    font-size: 1rem;
    inset: auto 1rem 1rem auto !important;
    max-height: 100vh;
    max-width: 450px;
    overflow: auto;
    padding: 1.5rem!important;
    text-align: left !important;
    z-index: 99 !important;
}

#cookie-law-info-bar.wt-cli-cookie-bar .actions-wrapper, #cookie-law-info-bar.wt-cli-cookie-bar .choices-wrapper {
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    justify-content: center;
}

#cookie-law-info-bar.wt-cli-cookie-bar .message, #cookie-law-info-bar.wt-cli-cookie-bar .message p {
    line-height: 1.5;
}

#cookie-law-info-bar.wt-cli-cookie-bar .actions-wrapper {
    margin-top: 25px;
}

#cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-accept-all-btn, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-reject-btn {
    background-color: var(--primary-color) !important;
    border: 2px solid var(--primary-color);
    border-radius: var(--button-radius) !important;
    color: var(--color-white) !important;
    font-size: .75rem;
    font-weight: 700;
    line-height: normal;
    margin: 0 !important;
    opacity: 1 !important;
    padding: var(--button-padding) !important;
    transition: all .2s ease;
}

#cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-settings-btn {
    border: 2px solid var(--primary-color) !important;
    border-radius: var(--button-radius);
    background-color:var(--color-white) !important;
    color: var(--primary-color) !important;
    display: inline-block;
    font-size: .75rem;
    font-weight: 700;
    line-height: normal;
    position: relative;
    padding: var(--button-padding);
    padding-right: 40px;
    transition: all .2s ease;
    text-transform: uppercase;
}


/* *** ************** *** */
/* *** PRODUCT PAGE ***  */
/* *** ************** *** */

.shoptimizer-archive .content-area .site-main{
	padding-top: 0 !important;	
}

.product{
	background: var(--color-white);
}

.single-product .site-content .col-full {
    background-color: var(--color-white) !important;
}

.product .stock.out-of-stock{
	display:none;
}

#commercegurus-pdp-gallery-wrapper .swiper-slide img{
	border-radius: 30px;
}

.ckit-mobile-pdp-gallery-active .swiper-container.cg-thumb-swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
        background: var(--primary-color) !important;
    }

.product h1.product_title{
	font-size: 30px !important;
    font-weight: 600;
	color: var(--primary-color);
}


.bio-acf-checkbox-badges{
	display:flex;
	flex-wrap:wrap;
	gap:.5rem;
	align-items:center
}

.bio-acf-checkbox-list{
	margin:0;
	padding-left:1.2rem
}

.bio-badge{
  display:inline-flex;
	align-items:center;
	justify-content:center;
  padding:12px 15px;
  border:1px solid var(--primary-color) ;
  color:var(--primary-color) ;
  background:#fff;
  border-radius:10px;
  font-weight:600;
  font-size:17px;
	line-height: normal;
  line-height:1;white-space:nowrap
}



.elementor-after-title:empty{
	display:none
}

.product .price{
	display:none;
}

.product .woocommerce-product-details__short-description{
	color: var(--primary-color);
	margin-bottom: 10px;
    font-size: var(--txt-size) !important;
    line-height: 1.4;
	padding: 0 !important;
}

.product .woocommerce-variation-add-to-cart{
	display:none;
}

.product .select_option_label{
	border-radius: 10px;
    margin: 10px;
    padding: 12px 15px;
    line-height: normal;
    font-weight: 600;
    border: 1px solid var(--primary-color);
}

.product .select_option_label:hover{
	background-color:var(--primary-color)
}

.product .variations th.yith_wccl_layout_inline{
	display:none;
}

.product .select_option_label .yith_wccl_value{
	font-size: var(--txt-size);
	color: var(--primary-color);
	border: 0 !important;
}

.product .select_option_label:hover  .yith_wccl_value{
	color: var(--color-white);
}

.product .variations td.yith_wccl_layout_inline{
	padding-bottom: 0 !important;
}

.product .product-page-drop .e-n-accordion-item-title{
	border-bottom: 1px solid var(--primary-color-light);
	padding-bottom: 20px;
}

.product .product-page-drop .e-n-accordion-item-title-header{
	color: var(--primary-color);
}

.product .product-page-drop .product-page-drop-txt p,
.product .product-page-drop .product-page-drop-txt ul li{
	font-size:var(--txt-size);
	line-height: 1.4;
	color: var(--primary-color);
	margin-bottom: 15px;
}

.product .product-page-drop .product-page-drop-txt ul{
	margin: 15px 0;
    background-color: var(--primary-color-light);
    padding: 10px 25px 22px;
    border-radius: 20px;
    display: inline-block;
    width: 100%;
}

.product .product-page-drop .product-page-drop-txt ul li{
	font-weight: 600;
}

/* *** PRODUCT FAQ *** */

.bio-faq__item {
  border-bottom: 1px solid var(--primary-color-light);
}

.bio-faq__question {
  display: flex;
  align-items: center;
  gap: .75rem;
  width: 100%;
  padding: 1rem 0;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
	font-size:20px;
  font-weight: 600;
  line-height: 1.3;
	background: transparent !important;
	color: var(--primary-color) !important;
	display: flex;
    justify-content: space-between;
}

.bio-faq__icon svg {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
	margin-right:20px;
}

.bio-faq__chevron::before {
  content: ">";
  display: inline-block;
  margin-left: auto;
  transition: transform .2s ease;
}

.bio-faq__question[aria-expanded="true"] .bio-faq__chevron::before {
  transform: rotate(90deg);
}

.bio-faq__answer[hidden] {
  display: none;
}

.bio-faq__answer {
  padding: 0 0 1rem 1.5rem;
}

.bio-faq__answer-inner ul{
	margin: 15px 0;
    background-color: var(--primary-color-light);
    padding: 10px 25px 22px;
    border-radius: 20px;
    display: inline-block;
    width: 100%;
	margin: 20px auto;
}


.bio-faq__answer-inner p,
.bio-faq__answer-inner li{
  color: var(--primary-color) !important;
	font-size: var(--txt-size) !important;
  line-height: 1.6;
}

.bio-faq__list {
  margin: .5rem 0 0;
  padding-left: 1.25rem;
}

.bio-faq__pre {
  overflow: auto;
  background: #f8f8f8;
  padding: .75rem;
  border-radius: 6px;
}

/* *** DESCRIPTION *** */

.product .woocommerce-tabs.wc-tabs-wrapper {
	border-top: 0 !important;
	padding-bottom: 0 !important;
}

.product .woocommerce-tabs .woocommerce-Tabs-panel{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.product .woocommerce-tabs .tabs{
	display:none;
}

/* *** RELATED PRODUCTS *** */

.woocommerce-related-products__title{
	text-align:center;
	margin-bottom: 3rem !important;
}

.related-wrapper .products li.product:before{
	border-radius: 30px;
}

.related-wrapper .products .shoptimizer-plp-image-wrapper img{
	border-radius: 30px;
}

.related-wrapper .products .woocommerce-loop-product__link{
	color: var(--primary-color) !important;
}

.related.products ul.products li.product .woocommerce-card__header{
	box-shadow:none !important;
}

/* *** ********** *** */
/* *** CONSEILS ***  */
/* *** ********* *** */

.conseils-card-title h3{
	min-height: 50px;
}

.conseils-container .wp-block-columns{
	margin: 60px 0;
	gap: 60px;
}

.conseils-container .wp-block-columns img{
	border-radius: 30px;
	
}

.conseils-container .wp-block-columns p,
.conseils-container .wp-block-columns ul li{
	color: var(--primary-color) !important;
	font-size: var(--txt-size);
	font-variant: normal;
    text-transform: none;
    font-style: normal;
    font-weight: 400;
	line-height:24px;
}
	
.conseils-container .wp-block-columns .wp-block-image img{
	width: 100%;
    max-height: 645px;
    object-fit: cover;
    object-position: 10% 30%;
}

.conseils-container .conseils-featured-img-container .elementor-widget-theme-post-featured-image{
	position: absolute;
	top: 25%;
}

.conseils-featured-img img{
	max-height: 345px;
    object-fit: cover;
}

.conseils-container .wp-block-columns blockquote{
	background-color: rgb(121, 173, 212);
   
    border-radius: 30px;
    padding: 50px;
	font-size: 26px;
	line-height:26px;
	font-weight: 600;
}

.conseils-container .wp-block-columns blockquote h4{
 color: var(--color-white) !important;	
	letter-spacing: 2px;
}

/* *** ********** *** */
/* *** RESPONSIVE *** */
/* *** ********** *** */

@media(max-width: 767px){
	
	.product{
		padding: 0 15px;
	}
	
	#commercegurus-pdp-gallery-wrapper .swiper-slide img{
		max-height: 335px;
		min-height:335px;
		object-fit: cover;
	}
	
}

@media(min-width: 768px){
	
	/* *** Product card *** */
	.product-card-container .hover-img img{
		max-width: 305px;
		max-height: 305px !important;
		min-height: 305px;
		object-fit: cover;
	}
	
	.product h1.product_title{
		font-size: 36px;
	}
	
	.bio-faq__answer {
	  padding: 0 0 1rem 1.5rem;
	}
	
	.woocommerce-related-products__title{
		margin-bottom: 3rem !important;
	}
	
	.product .cg-main-swiper .swiper-wrapper .swiper-slide:not(:first-child) > a.swiper-slide-imglink {
		display: block;
		position: relative;
		aspect-ratio: var(--pdp-slide-ratio, 1 / 1); /* carré par défaut */
		width: 100%;
		overflow: hidden;
	  }
	
	.product .cg-main-swiper .swiper-wrapper .swiper-slide:not(:first-child) > a.swiper-slide-imglink > img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	  }
	
	
}

@media(min-width:993px){
	
	.content-area{
		width:100% !important;
	}
	
	.theme-shoptimizer.admin-bar.single-product #page div.product .summary {
        top: 100px !important;
    }
	

}


@media(min-width:1199px){
	
	/* *** ADVICES *** */

	 .conseils-container .advices-templates-breadcrumbs-wrapper #breadcrumbs{
		position: absolute;
		width: fit-content;
		max-width: none !important;
		min-width: 1000px;
	}

}