/*

Theme Name: Espace Scooters
Description: Thème du site Espace Scooters
Version: 1.0
Author: Guillaume Sourisseau / Studdio
Author URI: https://www.studdio.com
Template: hello-elementor
*/

.flex-viewport {
	 border-radius: 30px;
}
 .flex-viewport .woocommerce-product-gallery__image {
	 background: #f4f4f4 !important;
	 display: flex !important;
	 min-height: 540px;
	 align-items: center;
}
 .flex-viewport .woocommerce-product-gallery__image .zoomImg {
	 background: #f4f4f4 !important;
}
 .woocommerce div.product div.images .flex-control-thumbs {
	 display: flex !important;
	 overflow-x: auto !important;
	 scroll-behavior: smooth;
	 white-space: nowrap;
	 padding: 20px 0 0 !important;
	 scrollbar-width: none;
}
 .woocommerce div.product div.images .flex-control-thumbs li {
	 border-radius: 30px;
	 background: #f4f4f4;
	 flex: 0 0 20% !important;
	 max-width: 20% !important;
	 margin-right: 20px !important;
}
 .woocommerce div.product div.images .flex-control-thumbs li img {
	 border-radius: 30px;
	 padding: 20px;
	 width: 100% !important;
	 height: auto !important;
	 cursor: pointer;
	 transition: transform 0.2s;
}
 .woocommerce div.product div.images .flex-control-thumbs:-webkit-scrollbar {
	 display: none;
}
 @media (min-width: 1025px) {
	 .woocommerce div.product .elementor-widget-woocommerce-product-images {
		 position: sticky;
		 top: 40px;
	}
}
 .spec-technique {
	 display: flex;
	 flex-direction: column;
	 color: #f4f4f4;
}
 .spec-technique span {
	 font-size: 18px;
}
 .spec-technique span strong {
	 font-weight: 600;
}
 .woocommerce-breadcrumb {
	 color: white !important;
}
 .search_results .woocommerce-ordering {
	 position: relative;
}
 .search_results .woocommerce-ordering select {
	 background-color: #1701fd !important;
	 color: #FFFFFF !important;
	 border: none;
	 border-radius: 15px;
	 padding: 10px 20px;
	 font-weight: 500;
	 cursor: pointer;
	 text-transform: uppercase;
	 appearance: none;
	 -webkit-appearance: none;
	 text-align: center;
	 max-width: 300px;
}
 .search_results .woocommerce-ordering select:focus {
	 border-color: #1701fd !important;
}
 .search_results .woocommerce-ordering select option {
	 text-transform: none;
	 background-color: #000000 !important;
}
 .search_results .woocommerce-ordering select option:first-child {
	 border-radius: 10px 10px 0 0;
}
 .search_results .woocommerce-ordering:after {
	 content: '▼';
	 font-size: 10px;
	 color: white;
	 position: absolute;
	 right: 15px;
	 top: 50%;
	 transform: translateY(-50%);
	 pointer-events: none;
}
 .filters-bar > div {
	 display: flex;
	 flex-direction: row;
	 gap: 0;
	 flex-wrap: wrap;
	 justify-content: space-between;
}
 .filters-bar .filter-dropdown {
	 position: relative;
	 width: 20%;
}
 .filters-bar .filter-dropdown .filter-btn {
	 background: #1701fd;
	 color: white;
	 border: none;
	 padding: 14px 22px;
	 border-radius: 15px;
	 font-weight: 600;
	 cursor: pointer;
	 transition: .3s;
	 width: 100%;
}
 .filters-bar .filter-dropdown .filter-btn:after {
	 content: '▼';
	 font-size: 10px;
	 color: white;
	 position: absolute;
	 right: 15px;
	 top: 50%;
	 transform: translateY(-50%);
	 pointer-events: none;
}
 .filters-bar .filter-dropdown .filter-btn:hover {
	 background: #4634ff;
}
 .filters-bar .filter-dropdown .filter-menu {
	 position: absolute;
	 top: 120%;
	 left: 0;
	 background: white;
	 border-radius: 14px;
	 box-shadow: 0 10px 30px rgba(0,0,0,0.15);
	 padding: 10px;
	 min-width: 220px;
	 opacity: 0;
	 transform: translateY(10px);
	 pointer-events: none;
	 transition: .25s;
	 z-index: 99;
}
 .filters-bar .filter-dropdown .filter-menu a {
	 display: block;
	 padding: 10px 14px;
	 border-radius: 8px;
	 text-decoration: none;
	 color: #333;
	 font-weight: 500;
}
 .filters-bar .filter-dropdown .filter-menu a:hover {
	 background: #f3f3f3;
}
 .filters-bar .filter-dropdown .filter-menu a.active {
	 background: #1701fd;
	 color: white;
}
 .filters-bar .filter-dropdown.open .filter-menu {
	 opacity: 1;
	 transform: translateY(0);
	 pointer-events: auto;
}
 .filters-bar .btn-filter-reset {
	 display: inline-flex;
	 align-items: center;
	 background-color: #f4f4f4;
	 color: #232323;
	 padding: 0 20px;
	 height: 50px;
	 border-radius: 10px;
	 font-weight: bold;
	 text-transform: uppercase;
	 font-size: 13px;
	 text-decoration: none;
	 transition: all 0.3s ease;
}
 .filters-bar .btn-filter-reset:hover {
	 background-color: #1701fd;
	 color: white;
}
 .elementor-pagination {
	 display: flex;
	 justify-content: center;
	 margin: 100px 0 0;
	 gap: 10px;
}
 .elementor-pagination span.page-numbers, .elementor-pagination a {
	 display: flex;
	 height: 50px;
	 width: 50px;
	 background: #f4f4f4;
	 justify-content: center;
	 line-height: 50px;
	 border-radius: 15px;
	 font-weight: 600;
	 color: #1A1A1A;
}
 .elementor-pagination span.page-numbers:hover, .elementor-pagination a:hover {
	 background: #1701fd;
	 color: white;
}
 .elementor-pagination span.page-numbers.current {
	 background: #1701fd;
	 color: white;
}
 .elementor-pagination span.page-numbers.prev, .elementor-pagination span.page-numbers.next {
	 display: none;
}
 .elementor-pagination a.page-numbers.prev, .elementor-pagination a.page-numbers.next {
	 background: none;
	 text-indent: -200px;
	 overflow: hidden;
	 transition: all 0.5s;
}
 .elementor-pagination a.page-numbers.prev:hover, .elementor-pagination a.page-numbers.next:hover {
	 opacity: 0.85;
}
 .elementor-pagination a.page-numbers.prev {
	 background: url('http://espace-scooters.test/wp-content/themes/hello-elementor-child/assets/img/triangle.svg');
	 background-repeat: no-repeat;
	 background-position: center center;
	 transform: rotate(180deg);
}
 .elementor-pagination a.page-numbers.next {
	 background: url('http://espace-scooters.test/wp-content/themes/hello-elementor-child/assets/img/triangle.svg');
	 background-repeat: no-repeat;
	 background-position: center center;
}
 .contact-form-scooter div.name, .contact-form-scooter div.contact {
	 display: flex;
	 justify-content: space-between;
	 gap: 20px;
}
 .contact-form-scooter div.name .form-row {
	 width: 50%;
}
 .contact-form-scooter div.contact .form-row:first-child {
	 width: 70%;
}
 .contact-form-scooter div.contact .form-row:last-child {
	 width: 30%;
}
 .contact-form-scooter div.form-row input.wpcf7-form-control, .contact-form-scooter div.form-row select.wpcf7-form-control, .contact-form-scooter div.form-row textarea.wpcf7-form-control {
	 padding: 20px 40px;
	 border-radius: 50px;
	 border: none !important;
	 outline: none !important;
	 box-shadow: none !important;
}
 .contact-form-scooter div.form-row input.wpcf7-form-control:target, .contact-form-scooter div.form-row input.wpcf7-form-control:active, .contact-form-scooter div.form-row input.wpcf7-form-control:focus, .contact-form-scooter div.form-row select.wpcf7-form-control:target, .contact-form-scooter div.form-row select.wpcf7-form-control:active, .contact-form-scooter div.form-row select.wpcf7-form-control:focus, .contact-form-scooter div.form-row textarea.wpcf7-form-control:target, .contact-form-scooter div.form-row textarea.wpcf7-form-control:active, .contact-form-scooter div.form-row textarea.wpcf7-form-control:focus {
	 color: white;
	 background: #1701fd !important;
	 border: none !important;
	 outline: none !important;
	 box-shadow: none !important;
}
 .contact-form-scooter div.form-row textarea.wpcf7-form-control {
	 min-height: 300px;
}
 .contact-form-scooter div.form-submit input.wpcf7-submit {
	 float: right;
	 color: white;
	 background: #1701fd;
	 border: none;
	 outline: none;
	 font-weight: 600;
	 box-shadow: none;
	 border-radius: 50px;
	 padding: 20px 40px;
}
 .contact-form-scooter div.form-submit input.wpcf7-submit:hover {
	 background: #f4f4f4;
	 color: #313131;
}
 .contact-form-scooter .wpcf7-not-valid-tip {
	 color: #1701fd;
	 padding: 0 0 0 40px;
	 display: inline-block;
	 margin: 5px 0 0;
}
 .statut_txt {
	 text-align: center;
	 text-transform: uppercase;
	 font-size: 16px;
	 font-weight: 500;
}
 
@media (max-width: 768px) {
	 .filters-bar > div {
		 flex-direction: column;
		 row-gap: 10px;
	}
	 .filters-bar > div .filter-dropdown {
		 width: 100%;
	}
	 .filters-bar > div .filter-dropdown .filter-menu {
		 width: 95%;
		 left: 2.5%;
		 top: 90%;
	}
	 .filters-bar > div .btn-filter-reset {
		 justify-content: center;
	}
}