.has-huge-font-size{line-height: var(--wp--custom--line-height-xs) !important; text-wrap: balance;}

/**
*	Topbar
**/
#top-loisirs{position: relative; line-height: 1;}
#top-loisirs:before{position: absolute; content: ''; height: 1px; 
width: calc(100vw - 100% - var(--wp--style--root--padding-left) - var(--wp--custom--spacer-fluid));
/* width: 100vw;  */right: 0; top: 50%; transform: translateY(-50%); background: var(--wp--custom--white);
}
#top-loisirs img{height: 1em;}

/**
*	Buttons
**/
.wp-block-button.is-style-angle-right{}
.wp-block-button.is-style-angle-right > .wp-block-button__link{display: flex; align-items: center; gap: var(--wp--custom--spacer-s-fluid);}
.wp-block-button.is-style-angle-right > .wp-block-button__link:after{content: url('../images/angle-right-blue.svg'); width: 8px; line-height: 0;}

.wp-block-button > .wp-block-button__link.has-l-font-size{
    padding-top: 1.25em;
    padding-right: 1em;
    padding-bottom: 1.25em;
    padding-left: 1em;
}
	
/**
*	Headings
**/
.wp-block-heading.is-style-text-transform, .wp-block-heading.is-style-text-transform-width-border,
.wp-block-query-title.is-style-text-transform, .wp-block-query-title.is-style-text-transform-width-border,
.wp-block-post-title.is-style-text-transform, .wp-block-post-title.is-style-text-transform-width-border{transform: scaleY(0.8); transform-origin: top;}
.wp-block-heading.is-style-text-transform + p, .wp-block-heading.is-style-text-transform-width-border + p{margin-block-start: var(--wp--custom--spacer-s-fluid);}
.wp-block-heading.is-style-text-transform-width-border,
.wp-block-query-title.is-style-text-transform-width-border,
.wp-block-post-title.is-style-text-transform-width-border{position: relative; display: inline-block;}
.wp-block-heading.is-style-text-transform-width-border:after,
.wp-block-query-title.is-style-text-transform-width-border:after,
.wp-block-post-title.is-style-text-transform-width-border:after{
	content: '';
    position: absolute;
    left: calc(100% + var(--wp--custom--spacer-fluid));
    height: 1px;
    background: var(--wp--custom--accent);
    width: calc(100vw - 100% - var(--wp--style--root--padding-left) - var(--wp--custom--spacer-fluid));
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
.has-white-color.wp-block-heading.is-style-text-transform-width-border:after,
.has-white-color.wp-block-query-title.is-style-text-transform-width-border:after,
.has-white-color.wp-block-post-title.is-style-text-transform-width-border:after{background: var(--wp--custom--white);}


.entry-content .wp-block-heading.has-background{padding: var(--wp--custom--spacer-s-fluid) var(--wp--custom--spacer-fluid) !important; border-bottom-left-radius: var(--wp--custom--radius-m-fluid); border-top-right-radius: var(--wp--custom--radius-m-fluid);}

/* .wp-block-group-is-layout-grid{counter-reset: section;} */
/* .wp-block-group.is-layout-grid.wp-block-group-is-layout-grid{counter-reset: section;}
.wp-block-heading.is-style-numbered{counter-increment: section; transform: scaleY(0.8); transform-origin: bottom; display: flex; align-items: flex-end; gap: var(--wp--custom--spacer-s-fluid); flex-wrap: nowrap;}
.wp-block-heading.is-style-numbered:before{content: counter(section); background: var(--wp--custom--white); padding: var(--wp--custom--spacer-s-fluid) var(--wp--custom--spacer-fluid); border-top-right-radius: var(--wp--custom--radius-m-fluid);}
 */
.wp-block-group:not(.is-vertical){counter-reset: section;}
.wp-block-group-is-layout-grid > .wp-block-group:has(.is-style-numbered),
.wp-block-columns > .wp-block-column > *:not(.wp-block-group-is-layout-grid) .is-style-numbered{counter-increment: section;}
.wp-block-heading.is-style-numbered{transform: scaleY(0.8); transform-origin: top; text-wrap: balance; display: flex; align-items: flex-end; gap: var(--wp--custom--spacer-s-fluid); flex-wrap: nowrap;}
.wp-block-heading.is-style-numbered:before{content: counter(section); background: var(--wp--custom--white); padding: var(--wp--custom--spacer-s-fluid) var(--wp--custom--spacer-fluid); border-top-right-radius: var(--wp--custom--radius-m-fluid);}
.has-white-background-color .wp-block-heading.is-style-numbered:before{background: var(--wp--custom--theme-50);}


/**
*	Images
**/
.wp-block-image.is-style-rounded{aspect-ratio: auto !important}
.wp-block-image.is-style-rounded img{border-radius: var(--wp--custom--radius-m-fluid); height: auto !important;}


/**
*	Cover
**/
.wp-block-cover.is-style-rounded{border-radius: var(--wp--custom--radius-m-fluid);}


/**
*	Grid
**/
body .is-layout-grid{row-gap: 0;}
body .is-layout-grid:not(.is-style-grid-blue) > *{border-bottom: 1px solid var(--wp--custom--black); padding: var(--wp--custom--spacer-fluid) 0;}
body .is-layout-grid.is-style-grid-blue > *{border-top: 2px solid var(--wp--custom--accent); padding: var(--wp--custom--spacer-fluid) 0; position: relative;}
body .is-layout-grid.is-style-grid-blue > *:before{content: url(../images/top-blue.svg); position: absolute; top: -12px; left: 0; width: 40px;}
body .is-layout-grid img[src$=".svg"]{max-height: 3em;}

/**
*	Tableaux
**/
.wp-block-table.is-style-table-top{}
.wp-block-table.is-style-table-top table{border-bottom-left-radius: var(--wp--custom--radius-fluid); border-top-right-radius: var(--wp--custom--radius-fluid);}
.wp-block-table.is-style-table-top table thead{font-size: var(--wp--preset--font-size--l);transform: scaleY(0.8); border-bottom: 1px solid var(--wp--custom--theme-600);}
.wp-block-table.is-style-table-top table thead tr th{color: var(--wp--custom--theme-600); border-top: 0;}
.wp-block-table.is-style-table-top table thead tr th:before{content: url('../images/top-blue.svg'); display: inline-block; width: 45px; margin-right: var(--wp--custom--spacer-s-fluid);}
.wp-block-table.is-style-table-top table tbody tr td{border-bottom: 0; border-top: 0; border-color: var(--wp--custom--theme-600);}
.wp-block-table.is-style-table-top table tbody tr td:first-child,
.wp-block-table.is-style-table-top table thead tr th:first-child{border-left: 0}
.wp-block-table.is-style-table-top table tbody tr td:last-child,
.wp-block-table.is-style-table-top table thead tr th:last-child{border-right: 0}



/**
*	Gallery
**/
/* .wp-block-gallery.is-style-logo img{
	filter: brightness(0) saturate(100%) invert(64%) sepia(63%) saturate(755%) hue-rotate(161deg) brightness(90%) contrast(102%);
}
 */
.wp-block-gallery.is-style-logo img{
	filter: grayscale(1);
}
figure.wp-block-gallery.is-style-logo.has-nested-images figure.wp-block-image img, 
figure.wp-block-gallery.logo.has-nested-images figure.wp-block-image img{margin: auto}


/**
*	Home
**/
.home-google{}
.home-google figure img{height: 80px; width: auto; min-width: unset !important}

/**
*	Group
**/
.wp-block-group.is-style-logo-background{background-image: url('../images/top.svg'); background-repeat: no-repeat; background-position: calc(100% - var(--wp--style--root--padding-right)) calc(100% - var(--wp--custom--spacer-xl-fluid)); background-size: 8%;}

.wp-block-group.is-style-radius-top-left{border-top-left-radius: var(--wp--custom--radius-m-fluid);}
.wp-block-group.is-style-radius-top-right{border-top-right-radius: var(--wp--custom--radius-m-fluid);}
.wp-block-group.is-style-radius-bottom-right{border-bottom-right-radius: var(--wp--custom--radius-m-fluid);}
.wp-block-group.is-style-radius-bottom-left{border-bottom-left-radius: var(--wp--custom--radius-m-fluid);}
.wp-block-group.is-style-rounded{border-radius: var(--wp--custom--radius-m-fluid);}

.wp-block-group.alignfull[class*="is-style-radius-bottom-"]:has(+.alignfull.has-background):before{content: ''; left: 0; top: 0; position: absolute; z-index: -1; width: 100%; height: 100%}
.wp-block-group.alignfull[class*="is-style-radius-bottom-"]:has(+.alignfull.has-theme-900-background-color):before{background: var(--wp--custom--theme-900);}
.wp-block-group.alignfull[class*="is-style-radius-bottom-"]:has(+.alignfull.has-theme-500-background-color):before{background: var(--wp--custom--theme-500);}


/**
*	Columns
**/
.wp-block-cover.alignfull > .has-global-padding  > .wp-block-columns {
	padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
}
.wp-block-columns > .wp-block-column.has-background:not(.wp-block-button__link):not(.wp-block-navigation):not(.wp-block-navigation__responsive-container):not(.wp-block-navigation-item):not(.wp-block-navigation__submenu-container):not(.wp-block-separator):not(button){
	border-top-right-radius: var(--wp--custom--radius-m-fluid); 
	border-bottom-left-radius: var(--wp--custom--radius-m-fluid); 
	padding: var(--wp--custom--spacer-s-fluid) var(--wp--custom--spacer-s-fluid);
}

.wp-block-columns > .wp-block-column.is-style-linked{position: relative; display: flex; flex-direction: column;}
.wp-block-columns > .wp-block-column.is-style-linked:after{
	content: '';
    width: 35px;
    display: block;
    background: var(--wp--custom--accent);
    border-radius: 50%;
    height: 35px;
    background-image: url(../images/angle-right.svg);
    background-position: center;
    background-size: contain;
    margin-left: auto;
    margin-right: 0;
	margin-top: auto;
	margin-bottom: 0;
}


.wp-block-columns.is-style-bordered{}
.wp-block-columns.is-style-bordered > .wp-block-column{padding-top: var(--wp--custom--spacer-m-fluid); padding-bottom: var(--wp--custom--spacer-m-fluid);}
section:has(.wp-block-columns.is-style-bordered){padding-top: 0 !important; padding-bottom: 0 !important;}
section .wp-block-columns.is-style-bordered > .wp-block-column{padding-top: var(--wp--custom--spacer-xl-fluid); padding-bottom: var(--wp--custom--spacer-xl-fluid);}
.wp-block-columns.is-style-bordered > .wp-block-column:not(:last-child){border-bottom: 2px solid var(--wp--custom--white);}
.wp-block-columns.is-style-bordered.is-not-stacked-on-mobile > .wp-block-column:not(:last-child){border-right: 2px solid var(--wp--custom--white); border-bottom: 0;}
/* .has-white-color .wp-block-columns.is-style-bordered > .wp-block-column{border-color: var(--wp--custom--white) !important;} */
.has-white-background-color .wp-block-columns.is-style-bordered > .wp-block-column{border-color: var(--wp--custom--false-white) !important;}

@media(min-width: 782px){
	.wp-block-columns.is-style-bordered > .wp-block-column:not(:last-child){padding-right: var(--wp--custom--spacer-m-fluid); border-right: 2px solid var(--wp--custom--white); border-bottom: 0}
}

/**
*	Media et text
**/
.wp-block-media-text.is-style-mobile{border-top-right-radius: var(--wp--custom--radius-m-fluid);}
.wp-block-media-text.has-background{border-bottom-left-radius: var(--wp--custom--radius-m-fluid);}
.wp-block-media-text.is-style-mobile > .wp-block-media-text__media{}
.wp-block-media-text.is-style-mobile > .wp-block-media-text__media img{max-height: 300px; height: 100%; width: 100%; object-fit: cover; object-position: center; border-top-right-radius: var(--wp--custom--radius-m-fluid);}
@media(min-width: 782px){ 
	.wp-block-media-text.is-style-mobile > .wp-block-media-text__media img{max-height: 400px;}
}

/**
*	Separator
**/
.wp-block-separator.is-style-top-loisirs{position: relative; overflow: visible;}
.wp-block-separator.is-style-top-loisirs.has-background{padding: 0 !important;}
.wp-block-separator.is-style-top-loisirs:after{position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: url('../images/top.svg'); width: 50px; line-height: 0;}


/*--------------------------------------------------------------
	3. Vehicle search form
--------------------------------------------------------------*/
:root{
	--sc6-color-primary-hsl: 194.84deg 81.2% 54.12%;
	--sc6-space-xs: 1rem;
	--sc6-space-sm: 1rem;
	--sc6-space-2xs: 0.5rem;
}
/**	3.1	Input Radio	**/
input[type="radio"].form-radio, input[type="checkbox"].form-checkbox{display: none;}
input[type="radio"].form-radio + label,
input[type="checkbox"].form-checkbox + label{position: relative; font-weight: 400; padding-left: 22px; margin-right: var(--wp--custom--spacer-s-fluid); cursor: pointer;}
input[type="radio"].form-radio + label:last-child, input[type="checkbox"].form-checkbox + label:last-child{margin-right: 0;}
input[type="radio"].form-radio + label:before,
input[type="radio"].form-radio + label:after,
input[type="checkbox"].form-checkbox + label:before,
input[type="checkbox"].form-checkbox + label:after{
	display: block;
	position: absolute;
	box-sizing: border-box;
	top: calc(50% - 0.5rem);
	left: 0;
	content:'';
	width: 1rem;
	height: 1rem; 
	border-radius: 1rem;
}
input[type="radio"].form-radio + label:before,
input[type="checkbox"].form-checkbox + label:before {
  border: 2px solid var(--wp--custom--accent);
  background-color: var(--wp--custom--white);
}
input[type="radio"].form-radio:checked + label:after,
input[type="checkbox"].form-checkbox:checked + label:after {
  background-color: var(--wp--custom--accent);
}
input[type="checkbox"].form-checkbox + label:before,
input[type="checkbox"].form-checkbox + label:after{border-radius: 0; transform: scaleY(1.2);}

/**	3.2	Input Select	**/
.s-hidden {visibility: hidden; padding-right: 10px;}
.select{cursor: pointer; display: inline-block; position: relative; padding-right: calc(0.375rem + 16px + 0.5rem);}
.styledSelect{position: absolute; transform: scaleY(0.8); color: var(--wp--custom--body-txt-color); white-space: nowrap; top: 0; right: 0; bottom: 0; left: 0; border-radius: 0.25em; padding: var(--sc6-space-2xs) var(--sc6-space-xs); line-height: 1.2; padding-right: calc(0.375rem + 16px + 0.5rem); font-weight: 400; font-size: var(--wp--preset--font-size--m);}
.styledSelect:after {content: url('../images/angle-down.svg'); transform: scaleY(1.2); width: 16px; position: absolute; top: 50%; transform: translateY(-50%); right: 0.5rem; line-height: 1;}
.styledSelect:active, .styledSelect.active {
	box-shadow:inset 0px 0px 0px 1px hsla(240, 4%, 85%, 0), 0px 0px 0px 2px hsl(194.84deg 81.2% 54.12%), 0 0.3px 0.4px rgba(0, 0, 0, 0.025), 0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
	outline: none;
}
.options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:4px 0;
    list-style:none;
	border-radius: 5px;
    background-color:white;
    box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075), 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12);
	/* font-size: var(--wp--preset--font-size--s); */
	max-height: 250px;
	overflow: auto;
	color: var(--wp--custom--body-txt-color);
}
/* width */
.options::-webkit-scrollbar {
  width: 20px;
}

/* Track */
.options::-webkit-scrollbar-track {
  background-color: transparent;
}

/* Handle */
.options::-webkit-scrollbar-thumb {
  background: var(--wp--custom--accent);
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

/* Handle on hover */
.options::-webkit-scrollbar-thumb:hover {
 background: var(--wp--custom--accent);
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

.options li {margin: 0;padding: 0.5rem 1rem;}
.options li:hover {background-color: var(--wp--custom--false-white);}


/**	Searchform	**/
.wp-block-cover:has(.vehicle-searchform-container){overflow: visible;}
.vehicle-searchform-container{
	--slider-width:80%;
	--slider-track-height: 4px;
	--slide-thumb-size: 18px;
	 
	background: var(--wp--custom--white); z-index: 999; text-align: left; 
	padding: var(--wp--custom--spacer-fluid) var(--wp--style--root--padding-right); 
	border-top-left-radius: var(--wp--custom--radius-m-fluid);  border-bottom-right-radius: var(--wp--custom--radius-m-fluid); 
	margin: 0 auto;
}

.vehicle-searchform-container form fieldset{border: 0; padding: 0; margin: 0}
.vehicle-searchform-container form fieldset legend{font-size: var(--wp--preset--font-size--l); transform: scaleY(0.8); color: var(--wp--custom--accent); font-weight: 700; line-height: var(--wp--custom--line-height-xs)}
.vehicle-searchform-container form .sc6-form-control:focus, 
.vehicle-searchform-container form .sc6-form-control:focus-within{background: transparent; box-shadow: unset;}
.vehicle-searchform-container form .select-auto__input-wrapper input{height: unset; font-weight: 400; transform: scaleY(0.8); font-size: var(--wp--preset--font-size--m);}
.vehicle-searchform-container form .select-auto__input-wrapper input::placeholder{font-weight: 400;}
.vehicle-searchform-container form .form-fields{padding: var(--wp--custom--spacer-s-fluid) 0; margin: var(--wp--custom--spacer-s-fluid) 0; border-top: 2px solid var(--wp--custom--black); border-bottom: 2px solid var(--wp--custom--black);}
.vehicle-searchform-container form .form-fields .form-fields-container{display: flex; flex-direction: column; gap: var(--wp--custom--spacer-fluid); justify-content: space-between;}
.vehicle-searchform-container form .form-fields .form-fields-container + .form-fields-container{margin-top: var(--wp--custom--spacer-fluid);}

.vehicle-searchform-container form .form-fields .form-group-inline{white-space: nowrap; justify-content: center;}
.vehicle-searchform-container form .form-fields label{font-weight: 400; color: var(--wp--custom--body-txt-color); white-space: nowrap; font-size: var(--wp--preset--font-size--m); transform: scaleY(0.8); display: inline-block;}
.vehicle-searchform-container form .form-fields .select,
.vehicle-searchform-container form .select-auto__input-wrapper{background: var(--wp--custom--theme-50); border-radius: var(--wp--custom--radius-l);}
.vehicle-searchform-container form .form-fields select{border: 0; padding: var(--sc6-space-2xs) var(--sc6-space-xs); line-height: 1.2; font-size: var(--wp--preset--font-size--m); font-weight: 500; color: var(--wp--custom--body-txt-color)}
.vehicle-searchform-container form .form-fields select option{font-size: var(--wp--preset--font-size--s);}

.vehicle-searchform-container form .wp-block-button__link{transform: unset; background: var(--wp--custom--accent); margin: auto; font-weight: 500; font-size: 0; white-space: nowrap; position: relative; width: 50px; aspect-ratio: 1; border-radius: 50%; float: right;}
.vehicle-searchform-container form .wp-block-button__link:after{content: url('../images/icon-zoom.svg'); display: inline-block; vertical-align: middle; width: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.vehicle-searchform-container .autocomplete__results{width: auto; color: var(--wp--custom--body-txt-color);}
.vehicle-searchform-container .autocomplete__results > ul.autocomplete__list > li.select-auto__option{padding-top: 5px; padding-bottom: 5px;}

.vehicle-searchform-container form .form-fields input[type="range"]{width: 100%; margin: 0; padding: 0}
.vehicle-searchform-container .slider--multi-value{}
.vehicle-searchform-container .slider--multi-value .slider__value{color: var(--wp--custom--body-txt-color); display: flex; gap: var(--wp--custom--spacer-fluid); justify-content: space-between; width: 100%; font-size: var(--wp--preset--font-size--s);}
.vehicle-searchform-container .slider--multi-value .slider__value > span:after{content: "€";}
.vehicle-searchform-container .slider--multi-value .slider__input::-webkit-slider-thumb {background: var(--wp--custom--accent); box-shadow: none; width: calc(var(--slide-thumb-size) / 2);}
.vehicle-searchform-container .slider--multi-value .slider__input::-moz-range-thumb {background: var(--wp--custom--accent); box-shadow: none; width: calc(var(--slide-thumb-size) / 2);}
.vehicle-searchform-container .slider--multi-value .slider__range:first-child .slider__input::-webkit-slider-thumb {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.vehicle-searchform-container .slider--multi-value .slider__range:nth-child(2) .slider__input::-webkit-slider-thumb {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.vehicle-searchform-container .slider--multi-value .slider__range .slider__input::-webkit-slider-runnable-track {

  background-image: linear-gradient(to right, var(--wp--custom--theme-50) var(--slider-fill-value-start), var(--wp--custom--accent) var(--slider-fill-value-start), var(--wp--custom--accent) var(--slider-fill-value-end), var(--wp--custom--theme-50) var(--slider-fill-value-end));
}

@media(min-width: 782px){
	.wp-block-cover .wp-block-cover__inner-container:has(.vehicle-searchform-container){align-self: stretch; display: flex; align-items: center;}
	.vehicle-searchform-container{padding: var(--wp--custom--spacer-s-fluid);}
	
	.vehicle-searchform-container form .form-fields .form-fields-container + .form-fields-container{margin-top: var(--wp--custom--spacer-s-fluid);}
	.vehicle-searchform-container form .form-fields datalist option:not(:first-child):not(:last-child){display: block;}
}

@media(min-width: 1280px){
	.vehicle-searchform-container{padding: var(--wp--custom--spacer-s-fluid) var(--wp--custom--spacer-fluid);}
	.vehicle-searchform-container form .form-fields .form-fields-container{gap: var(--wp--custom--spacer-s-fluid)}
	
}