/*
 Theme Name:     Astra Child
 Theme URI:      https://wpastra.com/
 Description:    Astra 
 Author:         Brainstorm Force
 Author URI:     https://wpastra.com/about/
 Template:       astra
 Version:        2.5.3
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
@font-face {
font-family: 'Blippo';
src: url('./fonts/Blippo.eot'); /* IE9 Compat Modes */
src: url('./fonts/Blippo.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/Blippo.woff2') format('woff2'), /* Modern Browsers */
  url('./fonts/Blippo.woff') format('woff'), /* Modern Browsers */
  url('./fonts/Blippo.ttf') format('truetype'), /* Safari, Android, iOS */
  url('./fonts/Blippo.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
font-style: normal;
}
a{
	text-decoration:none!important
}
#content .ast-container .title_website h2, h1.woocommerce-products-header__title.page-title, h1.entry-title, #content .ast-container .title_website h1, .page-template-default .product_title h1{
	font-family: 'Blippo', Sans-serif!important;
}
header.entry-header .entry-title{
	font-weight: 400;
}
.ast-breadcrumbs{
    margin: 0 0 1em;
}
.ast-breadcrumbs .trail-browse, .ast-breadcrumbs .trail-items, .ast-breadcrumbs .trail-items li {
    font-size: .92em;
    color: #777;
}
  
.Menu_produits a{
	position:relative
}
.fixtop_header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:99;
    box-shadow: 4px 4px 4px #eee;	
}

.fixbottom_header .category_menu{
	position:fixed;
	left:0;
	right:0;
	z-index:9
}
.fixbot_header{
	position:fixed;
	left:0;
	right:0;
	z-index:9
}
/*
.Menu_produits a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 16px;
    margin: 0 auto;
    bottom: -19px;
	transform: scale(1) translateX(0%) rotate(138deg)!important; 
    border: solid transparent;
    border-width: 0px 8px 15px 8px;
    border-top-color: #fff;
    opacity: 1 !important;
    background-color: #34496C !important;

}*/
.Menu_produits a::after{
    content: '';
    position: absolute;
    left: 0;
    margin: 0 auto;
    bottom: -12px;
    right: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 9px 18.2px 9px;
    border-color: transparent #ffffff #34496C #ffffff;
    transform: rotate(0deg);
    background: #fff;
    opacity: 1 !important;
	transform: scale(1) translateX(0%)!important;
}
.Menu_produits a:hover::after{
	transform: scale(1) translateX(0%)!important;
}

.woocategory .sp-wcsp-button{
	position:initial
}
.woocategory .sp-wcsp-button-prev{
	position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    background: #fff!important;
    bottom: 0;
    height: 100%!important;
    flex-wrap: wrap;
    align-content: space-around;
}	
.woocategory .sp-wcsp-button-next{
	position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
    background: #fff!important;
    bottom: 0;
    height: 100%!important;
    flex-wrap: wrap;
    align-content: space-around;
}	
.woocategory .sp-wcsp-button-prev:hover{
    background: #fff;
}	
.woocategory .sp-wcsp-button-next:hover{
    background: #fff;
}	
.woocategory .sp-wcsp-button-prev i, .woocategory .sp-wcsp-button-next i{
	transition: all 0.3s ease-in-out; 
}	
.woocategory .sp-wcsp-button-prev:hover i{
    background: #08387a;
    width: 30px;
    text-align: center;
    padding: 7px;
}	
.woocategory .sp-wcsp-button-next:hover i{
    background: #08387a;
    width: 30px;
    text-align: center;
    padding: 7px; 
}

.sp-wcsp-cat-item-thumb-content:hover .sp-wcsp-cat-details {
    position: absolute;
    top: 27px;
    bottom: 27px;
    left: 27px;
    right: 27px;
    background: rgba(178, 166, 145, 0.8); /* Couleur de fond semi-transparente */
    border: 2px solid #dcdcdc;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: center;
    transition: all 0.3s ease-in-out; /* Animation fluide */
    transform: scale(1.05); /* Légère mise à l'échelle au hover */
}

.sp-wcsp-cat-item-thumb-content .sp-wcsp-cat-details a {
    color: #08387A !important;
    text-decoration: none !important;
    transition: color 0.3s ease-in-out; /* Transition pour changer la couleur du lien */
}

.sp-wcsp-cat-item-thumb-content:hover .sp-wcsp-cat-details a {
    color: #fff !important;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); /* Effet de texte avec ombre */
}

#sp-wcsp-slider-section-241{
    padding: 0 50px;
}
#sp-wcsp-wrapper-241{
	width: calc(100% - 49px);
}

/* tabs category product */
.product-category-tabs {
    margin-top: 20px;
	display:flex;
}

.category-tab-titles, .category-tab-titles-huiles {
    list-style-type: none;
    padding: 0!important;
    margin: 0 5px 0px 0!important;
	flex: 1; 
    max-width: 20%;
	padding: 17px 0 !important;
    background: #08387A;
}
.category-tab-titles{
	background:url(/wp-content/themes/astra-child/images/batterie.jpg) no-repeat;
	background-size: cover;
	position:relative;
}
.category-tab-titles-huiles{
	background:url(/wp-content/themes/astra-child/images/huile-auto.jpeg) no-repeat;
	background-size: cover;
	position:relative;
}

.category-tab-titles:after, .category-tab-titles-huiles:after{
    content: "";
    background: #00000061;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.category-tab-titles li, .category-tab-titles-huiles li { 
	padding: 50% 20px 0;
    text-decoration: none !important;
    color: #feed00;
    font-size: 22px;
    display: block;
    position: relative;
    z-index: 9;
    font-weight: 700;
    text-align: center;
}

.category-tab-titles li.active, .category-tab-titles-huiles li.active {
    font-weight:700;
    padding-left: 40px;
}
.category-tab-titles li.active::before, .category-tab-titles-huiles li.active::before {
	content: '→';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #fff;
    left: 20px;
    font-weight: 700;
} 

.tab-panel, .tab-panel-meilleurs-ventes {
    display: none;
    height: 100%;
}
.slick-slider, .slick-track, .slick-list {
    height: 100%;
}
.tab-panel.active, .tab-panel-meilleurs-ventes.active {
    display: block;
}
.category-tab-content{
	flex: 4; 
    max-width: 80%;
}
.slick-slide {
    margin: 0 5px; 
	border: 2px solid #dcdcdc;
	position:relative;
}


/*.slick-slide:before{
	content: '';
    position: absolute;
    right: -4px;
    bottom: 10px;
	background:url(/wp-content/themes/astra-child/images/boder.png);
	width: 47px;
    height: 72px;
}*/
.slick-slide .product-info{
	padding:15px;
}
.slick-slide .product-link{
    min-height: 36px;
    background: #08387A;
    color: #fff;
    width: 170px;
    display: block;
    margin: 13px auto 0;
    text-decoration: none !important;
    text-align: center;
    padding: 5px 5px;
    font-size: 16px;
    box-shadow: 2px 2px 15px hsl(0deg 0% 0% / 25%);
    border-radius: 0;
    font-weight: 400;
    text-align: center !important;
}
.slick-slide .product-link:hover{
    background: #FEED00;
    color: #000;
}
.slick-slide h3{
	font-size: 18px;
	color:#000;
	margin-bottom: 5px;
}
.slick-slide .product-description{
	font-size:14px;
}
/* hover bloc */
.hoverbloc{
	position:relative
}
.hoverbloc:hover{
   
}
.hoverbloc .imghoverbloc, .hoverbloc .texthoverbloc, .hoverbloc .btnhoverbloc{
	transition: transform 0.5s ease-in-out;
}
.hoverbloc:hover .imghoverbloc{
	transform: translate(0px, 0px) rotate(10deg);
	transition: transform 0.5s ease-in-out;
}
.hoverbloc:hover .texthoverbloc{
	transform: translate(10px, 0px) scale(1.05);
	transition: transform 0.5s ease-in-out;
}
.hoverbloc:hover .btnhoverbloc{
	transform: translate(10px, 0px) scale(1.05);
	transition: transform 0.5s ease-in-out;
}
.hoverbloc.hoverblocbleu:hover .texthoverbloc p, .hoverbloc.hoverblocbleu:hover .btnhoverbloc a, .hoverbloc.hoverblocbleu:hover span{
	color:#000!important
}
.hoverbloc.hoverblocjaune:hover .texthoverbloc p, .hoverbloc.hoverblocjaune:hover .btnhoverbloc a, .hoverbloc.hoverblocjaune:hover span{
	color:#fff!important
}
/* blog */
.sp-pcp-title a{
	font-weight:Bold!important
}
.sp-pcp-post-meta{
	font-size:14px
}
/* Newsletter */
#Newsletter .tnp-field-email{
    width: 300px;
    float: left;	
}
#Newsletter .tnp-field-email > label{
	display:none;
}
#Newsletter .tnp-submit{
	background: #08387A url(/wp-content/themes/astra-child/images/loop.png) no-repeat center;
    font-size: 0;
    padding: 20px 37px;
    border-radius: 0;
    vertical-align: top;
}
#Newsletter .tnp-email{
	border: 2px solid #08387A;
}
.tnp-email::-webkit-input-placeholder {
    color: #08387A; 
	font-size:14px
}

.tnp-email:-moz-placeholder {
    color: #08387A; 
	font-size:14px
}

.tnp-email::-moz-placeholder {
    color: #08387A; 
	font-size:14px
}

.tnp-email:-ms-input-placeholder {
    color: #dcdcdc; 
	font-size:14px
}
/* page categories */
body.tax-product_cat .ast-woocommerce-container{
	padding:0
}
#primary .button.product_type_simple {
    background: #08387A;
    color: #fff;
    border-radius: 0;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 400;
    box-shadow: 2px 2px 15px hsl(0deg 0% 0% / 25%);
}
#primary .button.product_type_simple:hover {
	background: #feed00;
    color: #000;
}
body.tax-product_cat .astra-shop-thumbnail-wrap{
	margin-bottom:0
}
body.tax-product_cat .astra-shop-summary-wrap, .single-product .astra-shop-summary-wrap{
    padding: 15px;	
}
.woocommerce-page ul.products li.product.desktop-align-left{
    border: 2px solid #dcdcdc;	
}
/* single product */
.single-product .ast-container{
	display:block
}
.woocommerce-js .woocommerce-breadcrumb{
	padding:10px;
}
.single-product .ast-woocommerce-container{
	padding:10px;
}
.single-product .product_title {
	font-weight:400
}
.woocommerce-Price-amount bdi{
    display: flex;
    flex-direction: row-reverse;
	font-weight:700;
	color:red;
    font-size: 17px;
}
/* page contact */
.wpcf7-form-control-wrap textarea{
    height: 125px;
}
.wpcf7-form input[type="submit"] {
	border-radius: 0;
    font-size: 15px;
    padding: 10px 30px;
}
.wpcf7-form input, .wpcf7-form textarea{
	border:1px solid #B2A69152!important
}
/* footer */
.menufooter ul li a{
	background: url(/wp-content/themes/astra-child/images/arrow-footer.png) no-repeat left center;
    background-size: 7px;
}

.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], #comments .submit, .search .search-submit, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, body .wp-block-file .wp-block-file__button, .search .search-submit, .woocommerce-js a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce input.button.alt, .woocommerce input.button, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit, .woocommerce button.button.alt.disabled, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .wc-block-grid__product-onsale, [CLASS*="wc-block"] button, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping), .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout, .woocommerce button.button.alt.disabled.wc-variation-selection-needed, [CLASS*="wc-block"] .wc-block-components-button{
    border-color: #FEED00;
    background-color: #FEED00;
}
button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .ast-custom-button:hover .button:hover, .ast-custom-button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus, body .wp-block-file .wp-block-file__button:hover, body .wp-block-file .wp-block-file__button:focus, .woocommerce-js a.button:hover, .woocommerce button.button:hover, .woocommerce .woocommerce-message a.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce button.button.alt.disabled:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover, [CLASS*="wc-block"] button:hover, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping):hover, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout:hover, .woocommerce button.button.alt.disabled.wc-variation-selection-needed:hover, [CLASS*="wc-block"] .wc-block-components-button:hover, [CLASS*="wc-block"] .wc-block-components-button:focus {
	background-color: #08387A;
    border-color: #08387A;
	color:#fff
}

@media (max-width: 767px) {
	.fixtop_header{
		box-shadow: 4px 4px 10px #00000012;
	}
	.boxheader{
	    box-shadow: 4px 4px 10px #00000012;
	}
	.sp-wcsp-cat-item-thumb-content .sp-wcsp-cat-details {
		position: absolute;
		top: 27px;
		bottom: 27px;
		left: 27px;
		right: 27px;
		background: rgba(178, 166, 145, 0.8); /* Couleur de fond semi-transparente */
		border: 2px solid #dcdcdc;
		flex-wrap: wrap;
		align-content: space-around;
		justify-content: center;
		transition: all 0.3s ease-in-out; /* Animation fluide */
		transform: scale(1.05); /* Légère mise à l'échelle au hover */
	}
	.sp-wcsp-cat-item-thumb-content .sp-wcsp-cat-details a {
		color: #fff !important;
		text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); /* Effet de texte avec ombre */
	}
	.category-tab-titles, .category-tab-titles-huiles{
		max-width:50%;
		width:50%;
	}
	.category-tab-content {
		flex: 1;
		max-width: 50%;
	}
	.slick-slide .product-link{
	    width: 100%;
        font-size: 12px;
	}
	.category-tab-titles li, .category-tab-titles-huiles li{
		font-size:13px;
	}
    #Newsletter .tnp-field-email {
		width: 100%;
	}
	#Newsletter .tnp-submit {
		padding: 20px 27px;
		position: absolute;
		right: 0;
		width: 39px;
	}
	.coordfooter .elementor-image-box-wrapper{
		display: flex;
		text-align: left;
		align-content: center;
		align-items: center;
	}
	.coordfooter .elementor-image-box-wrapper .elementor-image-box-img{
	    margin-right: 10px !important;
	}
	.ast-breadcrumbs{
		padding:10px
	}

}

@media (min-width: 768px) {
	.fixbottom_header .category_menu, .fixbot_header{
		top:60px;
	}
   .category-tab-titles, .category-tab-titles-huiles{
		max-width:40%;
		width:40%;
	}
	.category-tab-content {
		flex: 2;
		max-width: 60%;
	}
	#menu-1-5565991 li a{
	    font-size: 13px;
        padding-left: 8px;
        padding-right: 8px;
	}
	#primary .button.product_type_simple {
		padding: 10px 15px;
		font-size: 13px;
	}
	.ast-breadcrumbs{
		padding:10px
	}
}
@media (min-width: 848px) {
	.fixbottom_header .category_menu, .fixbot_header{
		top:52px;
	}
}
@media (min-width: 992px) {
    .fixbottom_header .category_menu, .fixbot_header {
        top: 52px;
    }
    body.home .ast-container {
        max-width: 100%;
        padding: 0;
    }
	.ast-breadcrumbs{
		max-width: 1440px;
		margin: 0 auto;
		padding: 20px;
	}
	.slick-slide:after{
		content: '';
		position: absolute;
		right: -7px;
		bottom: -2px;
		width: 23px;
		height: 35px;
		border-style: solid;
		border-width: 0 0 36px 23px;
		border-color: #fff #fff #fff #dcdcdc;
		z-index: -1;
		transform: translate(-2px, 2px) rotate(352deg);
		z-index: 9999;
	}
	.slick-slide:before{
		content: '';
		position: absolute;
		right: 0px;
		bottom: 11px;
		width: 23px;
		height: 31px;
		border-style: solid;
		border-width: 0 0 20px 39px;
		border-color: #fff #fff #fff #fff;
		z-index: 999999;
		transform: translate(-2px, 2px) rotate(114deg);
	}
	.woocommerce-page ul.products li.product.desktop-align-left::after{
		content: '';
        position: absolute;
        right: -7px;
        bottom: -3px;
        width: 18px;
        height: 27px;
        border-style: solid;
        border-width: 0 0 30px 20px;
        border-color: #fff #fff #fff #dcdcdc;
        z-index: -1;
        transform: translate(-2px, -1px) rotate(350deg);
        z-index: 9;
	}
	.woocommerce-page ul.products li.product.desktop-align-left::before{
		content: '';
        position: absolute;
        right: 0px;
        bottom: 9px;
        width: 19px;
        height: 30px;
        border-style: solid;
        border-width: 0 0 23px 37px;
        border-color: #fff #fff #fff #fff;
        z-index: 999999;
        transform: translate(-2px, 2px) rotate(114deg);
	}
	.category-tab-titles, .category-tab-titles-huiles{
		max-width:25%;
		width:25%;
	}
	.category-tab-content {
		flex: 2;
		max-width: 75%;
	}
	#menu-1-5565991 li a{
	    font-size: 11px;
        padding-left: 5px;
        padding-right: 5px;
	}
	header.entry-header .entry-title{
		font-size:64px;
	}
	#primary .button.product_type_simple {
		padding: 10px 25px;
		font-size: 16px;
	}
	.single-product .product_title {
		font-size:46px;
	}
}
@media (max-width: 1200px) and (min-width: 1024px){
	.btndenandeheader a span{
		font-size:11px
	}
	#menu-1-1106679 li a {
	    padding-left: 10px;
		padding-right: 10px;
	}
	#menu-1-37e7831 li a{
		padding-left: 10px;
		padding-right: 10px;
	}
	.menucenter li a{
        padding-left: 8px!important;
        padding-right: 8px!important;
        font-size: 14px!important;
	}
	.fixbottom_header .category_menu, .fixbot_header {
        top: 52px;
    }
}
@media (min-width: 1200px) {
	.fixbottom_header .category_menu, .fixbot_header{
		top:58px;
	}
	.category-tab-titles, .category-tab-titles-huiles{
		max-width:20%;
		width:20%;
	}
	.category-tab-content {
		flex: 2;
		max-width: 80%;
	}
	#menu-1-5565991 li a{
	    font-size: 13px;
		padding-left: 8px;
        padding-right: 8px;
	}
	
}
@media (min-width: 1300px) {

	
}
@media (min-width: 1355px) {
    #menu-1-5565991 li a{
	    font-size: 15px;
	}
}
@media (min-width: 1400px) {

}
@media (min-width: 1500px) {
   
}
@media (min-width: 1700px) {
    
}