/**
*	Gutenberg
**/
.wp-block-image picture[style*="aspect-ratio"] img{object-fit: inherit; aspect-ratio: inherit;}

/**
*	Header
**/
header ul.wp-block-list > li:not(:first-child){margin-top: var(--wp--custom--spacer-s-fluid);}
header ul.wp-block-list > li strong{font-weight: 600;}
header ul.wp-block-list > li img{height: 1em !important; width: auto; top: 0.1em !important; margin-right: 0.25em !important; margin-left: 0.5em !important;}
header .wp-block-group.is-content-justification-space-between.is-layout-flex{}
header .wp-block-group.is-content-justification-space-between.is-layout-flex > ul.wp-block-list{flex-grow: 1;}

@media(max-width: 781px){
	header > .wp-block-group:first-child{position: relative;}
	header .wp-block-group:has(>.wp-block-site-logo){justify-content: center;}
	/* header .wp-block-group.has-theme-100-background-color:has(>nav.wp-block-navigation){position: absolute; top: 50%; transform: translateY(-50%); margin: 0; right: 0} */
	header > .wp-block-group:first-child{display: flex; align-items: center; justify-content: space-between}
	header .wp-block-group.has-theme-100-background-color:has(>nav.wp-block-navigation){margin: 0; padding: var(--wp--custom--spacer-s) var(--wp--custom--spacer-m-fluid) !important; background-color: var(--wp--custom--theme-500) !important; border-radius: var(--wp--custom--radius-s);}
	header .wp-block-group.has-theme-100-background-color >nav.wp-block-navigation{color: var(--wp--custom--false-white);}
	 
	header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{width: 100%; gap: var(--wp--custom--spacer-fluid)}
	header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item{width: 100%;}
	header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item .wp-block-site-logo{min-width: 45%;}
	header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item .wp-block-site-logo img{height: unset !important;}
}
@media(max-width: 1280px){
	header .wp-block-group.is-content-justification-space-between.is-layout-flex > ul.wp-block-list{display: none;}
}

/**
*	Swiper
**/
:root{
	--swiper-navigation-sides-offset: 0;
	--swiper-navigation-size: 12px;
}
.swiper-slider-wrapper:has(.is-style-logo){--swiper-pagination-bottom: calc(var(--wp--custom--spacer-fluid) * -1);}

&.swiper-rtl .swiper-button-next, &.swiper-rtl~.swiper-button-next, 
&~.swiper-button-prev, .swiper-button-prev,
&~.swiper-button-next, .swiper-button-next{border-radius: 5px; padding: 6px; background: var(--wp--custom--false-black); margin-top: calc(-6px - var(--swiper-navigation-size)/2) !important}

.hero-slider ~ .swiper-button-prev,
.hero-slider ~ .swiper-button-next {
	background: var(--wp--custom--false-white);
}
.swiper-button-next, .swiper-button-prev {
    ::slotted(svg), svg, path {
		fill: var(--wp--custom--false-white);
	}
}
.hero-slider ~ .swiper-button-next, .hero-slider ~ .swiper-button-prev {
    ::slotted(svg), svg, path {
		fill: var(--wp--custom--false-black);
	}
}
.swiper-slider-wrapper:has(.hero-slider) .swiper-button-prev{left: var(--wp--custom--spacer-fluid);}
.swiper-slider-wrapper:has(.hero-slider) .swiper-button-next{right: var(--wp--custom--spacer-fluid);}

@media(max-width: 781px){
	.swiper-slider-wrapper:has(.hero-slider) .swiper-button-prev, 
	.swiper-slider-wrapper:has(.hero-slider) .swiper-button-next{display: none !important;}
}

.swiper-slider-wrapper > .is-style-swiper-slider.is-swiper-width-auto .swiper-slide{margin-right: var(--wp--custom--spacer-m-fluid) !important;}

.swiper-slider-wrapper {
    position: relative;
    --arrow-space: clamp(30px, 5vw, 40px);
    padding-inline: var(--arrow-space);
}
.swiper-slider-wrapper.alignfull{padding: 0;}

.swiper-slider-wrapper .swiper-button-prev { left: 0; right: auto; }
.swiper-slider-wrapper .swiper-button-next { right: 0; left: auto; }
.wp-block-gallery.has-nested-images.is-style-swiper-slider figure.wp-block-image:not(#individual-image){width: unset;}

@media(max-width: 991px){
	.hero-slider .wp-block-cover.alignfull{min-height: 75vh !important;}
}

/**
*	Google reviews
**/
.wp-google-list{}
.wp-google-list .grw-header-inner{}
.wp-google-list .grw-header-inner .rpi-col8 {
    --dir: row;
    --gap: 8px;
    --align: flex-start;
}
.wp-google-list .grw-header-inner .wp-google-powered,
.wp-gr .wp-google-powered{display: none;}

/**
*	Gridbuilder
**/

.wpgb-facet.wpgb-facet-1, .wpgb-facet.wpgb-facet-25{display: flex; align-items: center; gap: var(--wp--custom--spacer-s-fluid); flex-wrap: wrap;}
.wpgb-facet.wpgb-facet-1 .wpgb-facet-title, .wpgb-facet.wpgb-facet-25 .wpgb-facet-title{font-size: var(--wp--preset--font-size--default); margin-bottom: 0; white-space: nowrap;}
.wpgb-facet.wpgb-facet-1 fieldset, .wpgb-facet.wpgb-facet-25 fieldset{margin-bottom: 0 !important;}

@media(min-width: 782px){
	.wpgb-facet.wpgb-facet-1, .wpgb-facet.wpgb-facet-25{flex-wrap: nowrap;}
}


.archive .wpgb-facet .wpgb-facet-title{font-family: var(--wp--preset--font-family--brand); font-size: var(--wp--preset--font-size--l); font-weight: 700; margin-bottom: var(--wp--custom--spacer-fluid); display: block;}

.wp-grid-builder .wpgb-card{font-size: var(--wp--preset--font-size-s); border-radius: var(--wp--custom--radius-s); overflow: hidden;}
.wp-grid-builder .wpgb-card-1 .wpgb-block-1{font-size: var(--wp--preset--font-size--xs) !important; text-transform: uppercase;}
.wp-grid-builder .wpgb-card-1 .wpgb-block-2{font-size: var(--wp--preset--font-size--l) !important; font-weight: 700; font-family: var(--wp--preset--font-family--brand)}
.wp-grid-builder .wpgb-card-1 .wpgb-block-4,
.wp-grid-builder .wpgb-card-1 .wpgb-block-9{font-size: var(--wp--preset--font-size--l) !important; font-weight: 700; font-family: var(--wp--preset--font-family--brand); white-space: nowrap !important;}
.wp-grid-builder .wpgb-card-1 .wpgb-block-4:has(+ .wpgb-block-9){text-decoration:line-through; opacity: 0.4;}
.wp-grid-builder .wpgb-card-1 .wpgb-block-7{font-size: var(--wp--preset--font-size--xs) !important;}


.wp-grid-builder .wpgb-card-1 .wpgb-block-3{
	display: -webkit-box !important;
	-webkit-line-clamp: 3;     /* nombre de lignes max */
	line-clamp: 3;             /* version standard, support récent */
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.wp-grid-builder .wpgb-area-top-2 .wpgb-facet{display: flex; align-items: center; gap: var(--wp--custom--spacer-xs);}
.wp-grid-builder .wpgb-area-top-2 .wpgb-facet .wpgb-facet-title{margin: 0; font-family: var(--wp--preset--font-family--text) !important; font-size: var(--wp--preset--font-size--default) !important;}
.wp-grid-builder .wpgb-area-top-2 .wpgb-facet>fieldset:last-child{margin-bottom: 0;}


/**	Filtres sur mobile	**/
.mobile-filter{display: block; position: sticky; bottom: 0; z-index: 1001;}
.mobile-filter .wp-block-button__link{width: 100vw; border-radius: 0; font-weight: 600; font-size: var(--wp--preset--font-size--m);}
.mobile-filter .wp-block-button__link:hover{background: var(--wp--custom--accent) !important;}
/* Masquer la sidebar par défaut sur mobile */
@media (max-width: 781px) {
	 /* Empêcher le scroll du body quand la sidebar est ouverte */
    body.sidebar-open {
        overflow: hidden;
    }
	body.sidebar-open::before {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 1001; /* En dessous de la sidebar mais au-dessus du contenu */
	}
	body.sidebar-open::after {
		content: "×"; /* Le caractère de la croix */
		font-size: 30px;
		color: var(--wp--custom--white);
		position: absolute; /* Positionnement absolu par rapport à un parent */
		top: 20px; /* Positionner la croix en haut */
		right: 20px; /* Placer la croix en dehors de la sidebar (sur le côté droit) */
		cursor: pointer;
		z-index: 9999; /* Assurez-vous que la croix soit au-dessus de tout */
	}
    .filters {
        position: fixed;
        top: 0;
        left: 0;
        width: 80%;
        max-width: 300px;
        height: 100%;
        background: #fff;
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
        transform: translateX(-100%);
        transition: transform 0.3s ease-in-out;
        z-index: 1002;
        padding: 20px;
		 overflow-y: auto; /* Permet le scroll dans la sidebar */
        max-height: 100vh; /* Empêche le débordement */
        -webkit-overflow-scrolling: touch; /* Améliore le scroll sur mobile */
    }

    /* Quand la classe .open est ajoutée */
    .filters.open {
		padding: var(--wp--custom--spacer-fluid) !important;
        transform: translateX(0);
    }
	
    /* Assombrir l'arrière-plan quand le menu est ouvert */
    .filters.open::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--wp--custom--white);
        z-index: -1;
    }
}

@media(min-width: 782px){
	.mobile-filter{display: none !important;}
}


/**
*	Vélo
**/
.single-bike{--swiper-navigation-sides-offset: var(--wp--custom--spacer-s-fluid);}
.single-bike .wp-gr.wp-dark .wp-google-based{color: var(--wp--custom--false-black) !important;}
.single-bike .bike-gallery{}
.single-bike .bike-gallery .bike-gallery-main{position: relative;}
.single-bike .bike-gallery .bike-gallery-main .swiper-slide{}
.single-bike .bike-gallery .bike-gallery-main .swiper-slide img,
.single-bike .bike-gallery .bike-gallery-thumbs .swiper-slide img{width: 100%; height: auto; border-radius: var(--wp--custom--radius-s);}
.single-bike .bike-gallery .bike-gallery-thumbs .swiper-slide img{height: 100%; aspect-ratio: 4/3; object-fit: cover;}

.single-bike .bike-gallery .bike-gallery-main .bike-gallery-badge {
	position: absolute;
	top: var(--wp--custom--spacer-s);
	left: var(--wp--custom--spacer-s);
	z-index: 11;              /* au-dessus des slides et des flèches */
	display: inline-flex;
	align-items: center;
	padding: var(--wp--custom--spacer-xs) var(--wp--custom--spacer-s);
	background: var(--wp--custom--theme-700);
	color: var(--wp--custom--false-white);
	font-size: var(--wp--preset--font-size--xs);
	line-height: 1;
	font-weight: 600;
	border-radius: 999px;
	pointer-events: none;     /* ne bloque pas le drag du slider */
}
.single-bike .bike-gallery .bike-gallery-main .bike-gallery-badge.state{left: unset; right: var(--wp--custom--spacer-s); background: var(--wp--custom--theme-500);}

.single-bike .marque-logo{max-height: 35px; width: auto; display: block; margin-top: var(--wp--custom--spacer-s)}

.single-bike .onk-meta-bike_price,
.single-bike .onk-meta-bike_price_promo{position: relative; line-height: 1; font-family: var(--wp--preset--font-family--brand); font-size: var(--wp--preset--font-size--xl); font-weight: 700;}
.single-bike .onk-meta-bike_price:after, .single-bike .onk-meta-bike_price_promo:after{content: "€";}
.single-bike .onk-meta-bike_price:has(+.onk-meta-bike_price_promo){opacity: 0.4; text-decoration: line-through;}
.single-bike .onk-meta-financement{font-size: var(--wp--preset--font-size--m);}
.single-bike .onk-meta-autonomie,
.single-bike .onk-meta-etat_de_la_batterie,
.single-bike .onk-meta-batterie,
.single-bike .onk-meta-mode_de_transmission,
.single-bike .onk-meta-etat_du_velo,
.single-bike .onk-meta-type_utilisation,
.single-bike .onk-meta-taille_des_roues,
.single-bike .onk-meta-type_de_moteur{position: relative; padding-left: calc(50px + var(--wp--custom--spacer-s)); flex-basis: 100%; font-size: var(--wp--preset--font-size--s); }
.single-bike .onk-meta-autonomie strong,
.single-bike .onk-meta-etat_de_la_batterie strong,
.single-bike .onk-meta-batterie strong,
.single-bike .onk-meta-mode_de_transmission strong,
.single-bike .onk-meta-type_utilisation strong,
.single-bike .onk-meta-etat_du_velo strong,
.single-bike .onk-meta-taille_des_roues strong,
.single-bike .onk-meta-type_de_moteur strong{display: block; font-size: var(--wp--preset--font-size--default);}
.single-bike .onk-meta-autonomie:before,
.single-bike .onk-meta-etat_de_la_batterie:before,
.single-bike .onk-meta-batterie:before,
.single-bike .onk-meta-mode_de_transmission:before,
.single-bike .onk-meta-type_utilisation:before,
.single-bike .onk-meta-taille_des_roues:before,
.single-bike .onk-meta-type_de_moteur:before{position: absolute; left: 0; top: 0; content: url('../images/picto-autonomie.svg'); width: 50px;}
.single-bike .onk-meta-type_de_moteur:before{content: url('../images/picto-moteur.svg');}
.single-bike .onk-meta-etat_de_la_batterie:before,
.single-bike .onk-meta-batterie:before{content: url('../images/picto-batterie.svg');}
.single-bike .onk-meta-mode_de_transmission:before{content: url('../images/icon-transmission.svg');}
.single-bike .onk-meta-type_utilisation:before{content: url('../images/icon-utilisation.svg');}
.single-bike .onk-meta-taille_des_roues:before{content: url('../images/icon-roue.svg');}

@media(min-width: 992px){
	.single-bike .onk-meta-autonomie,
	.single-bike .onk-meta-etat_de_la_batterie,
	.single-bike .onk-meta-batterie,
	.single-bike .onk-meta-mode_de_transmission,
	.single-bike .onk-meta-etat_du_velo,
	.single-bike .onk-meta-type_utilisation,
	.single-bike .onk-meta-taille_des_roues,
	.single-bike .onk-meta-type_de_moteur{flex-basis: calc(50% - 50px - var(--wp--custom--spacer-fluid) - var(--wp--custom--spacer-s))}
}
 

/**
*	Footer
**/
footer hr.wp-block-separator{color: rgba(255, 255, 255, 0.2);}
footer ul.wp-block-list.is-style-inline{justify-content: center;}

@media(max-width: 781px){
	figure.wp-block-image{text-align: center;}
}