.hidden-on-mobile {
	color:white;
	align-self:center;
	font-size: 1.5em;
	line-height: 25px;
	padding-left: 2em;
}

@media (max-width: 544px) {
	.hidden-on-mobile {
		display: none;
	}
}

/* .ast-builder-grid-row {
	grid-template-columns: auto 10% !important;
} */

#wp-block-search__input-1 {
	position: relative;
	z-index: 2;
}

.ast-on-card-button {
	display: none;
}

.ast-woocommerce-container {
	padding: 0px 5vw !important;
}

#ast-hf-menu-1 {
	width: 100%;
}

#ast-hf-menu-1 li:first-child {
	margin-right: 5em;
	justify-content: inherit;
	-webkit-flex-direction: inherit;
}

@font-face {
	font-family: 'FontAwesome';
	src: url("/wp-content/themes/astra-child/assets/fonts/fontawesome-webfont.woff2");
	}

@font-face {
	font-family: 'Noto Color Emoji';
	src: url("/wp-content/themes/astra-child/assets/fonts/NotoColorEmoji-Regular.ttf");
}

.to-noto em{
	text-decoration: none;
	font-family: "Noto Color Emoji", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.001em;
	word-spacing: 0.01em;
}

.sub-menu li a {
	color:#0170b9 !important;
	padding: 0;
	margin: 0;
	width: 100% !important;
}

#ast-hf-menu-1 li:first-child a {
	color: orange;
}

#ast-hf-menu-1 li:first-child a::before {
	content: "\f0c9";
	padding: 0 1em 0 0;
	font-family: 'FontAwesome';
	color: orange
}

#ast-hf-menu-1 li:first-child.current-menu-item a {
	color: orange;
}


.sub-menu li:first-child {
	margin-right: 0 !important;
	width: 100% !important;
}

.sub-menu li a:hover {
	color:white !important;
	background-color: #0170b9 !important;
}

.ast-header-navigation-arrow {
	display: none;
}

.ast-builder-menu-1 {
	width: 100%;
}

.current-menu-item a {
	color: #0170b9 !important;
	border-bottom: #0170b9 2px solid;
}

.current-menu-item a:hover {
	color: #ffffff !important;
}

.main-header-menu a:hover{
	color: #fff;
}

.ast-primary-header-bar {
	background-color: #0170b9 !important;
}

.ast-above-header-bar {
	background-color: black !important;
	border-bottom: none !important;
}

.ast-below-header-bar {
	background-color: white;
}
/*
.menu-item a:hover {
	color:white !important;
} */

.ast-main-header-bar-alignment,
.main-navigation {
	width: 100%;
}



.image-choc {
	margin: -150px;
	z-index: 98;
}

/*
PRODUCT CARDS !!!!
*/

.ast-container {
	flex-wrap: wrap;
}

.custom-image-display {
	min-width:90em; margin-left: -7.5em; 
	background-repeat: no-repeat;
	padding-top: 200px;
  	padding-bottom: 200px;
  	padding-left: 0px;
  	padding-right: 0px;
	background-position: 94% 76%;
	background-size: cover;
	background-attachment: fixed;
	background-clip: padding-box;
	background-image: url(/wp-content/uploads/2025/11/photo-portail-battant.webp);
	position: relative;
	display: flex
}

.variation dd:nth-child(4n+2){
	background-color: lightgray;
}

.custom-image-display::before {
	content: "";
	position: absolute;
	pointer-events: none;
	top: -0px;
	left: -0px;
	width: calc(100% + 0px + 0px);
	height: calc(100% + 0px + 0px);
	border-color: inherit;
	background-image: linear-gradient(180deg, rgba(0,0,0,0.27) 0%, rgba(0,0,0,0.45) 100%);
	opacity: 1;
}

.ast-archive-description {
	padding: 5em 6.67em 3.33333em !important
}

.ast-onsale-card {
	display: none;
}

.woocommerce-loop-product__title {
	text-align: center;
	font-size: 1.5em !important;
}

.price {
	display: flex !important;
	flex-flow: column-reverse;
	gap: 20px
}

.price ins span bdi {
	font-size: xx-large;
	/* font-weight: 1000; */
}

/* .price ins::before {
	content: "à partir de ";
	color: red;
	font-size: unset;
} */

.price del span span.percent {
	margin-left: 25px;
	/* background-color: red; */
	border: red 1px solid;
	padding: 0.2em;
	border-radius: 20px;
	/* -webkit-text-stroke-color: black; */
	/* -webkit-text-stroke-width: 1px; */
	color:red;
	/* height: 2em; */
	/* width: 2em; */
	display: inline-block;
}

.related .product-type-simple,
.product-type-simple {
	border-radius: 10px;
	border: 1px solid orange !important;
	padding: 1em !important;
}

.image-petite {
	margin: 0;
}

/* .image-petite img {
	width: 225px !important;
} */

.ast-woo-product-category {
	padding: 1em 0;
}


.price del span bdi {
	text-decoration: line-through;
	text-decoration-thickness: 2px;
}

.price del {
	text-decoration: none;
	font-size: x-large;
	opacity: 1 !important;
}

.price ins {
	color: red;
}

/* Style pour le sous-menu avec icône personnalisée */
.sub-menu-coulissant > a, .sub-menu-battant > a {
    position: relative;       /* Nécessaire pour positionner l'image */
    padding-left: 30px;       /* Laisser de la place pour l'icône */
}

/* Ajouter l'image avant le texte */
.sub-menu-coulissant > a::before {
    content: "" !important;
	padding: 0 1em 0 2em !important;
    /* position: absolute; */
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;              /* Largeur de l'icône */
    height: 20px;             /* Hauteur de l'icône */
    background-image: url('/wp-content/themes/astra-child/assets/images/Type_coulissant.png'); /* URL de ton image */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.sub-menu-battant > a::before {
    content: "" !important;
	padding: 0 1em 0 2em !important;
    /* position: absolute; */
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;              /* Largeur de l'icône */
    height: 20px;             /* Hauteur de l'icône */
    background-image: url('/wp-content/themes/astra-child/assets/images/type_2vantaux.png'); /* URL de ton image */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


/* Mise en page du panier en 2 colonnes
.woocommerce-cart .woocommerce {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 40px;
    align-items: start;
} */

/* Colonne droite (Livraison + Total) */
.woocommerce-cart .cart-collaterals {
    grid-column: 2;
}

/* Bloc tarifs pose déplacé à gauche */
.tarifs-pose {
	position: absolute;
	left: 20em;
	width: 30em;
	bottom: 89em;	
    grid-column: 1;
    background: #f8f8f8;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
}

/* Responsive mobile */
@media (max-width: 768px) {
    .woocommerce-cart .woocommerce {
        grid-template-columns: 1fr;
    }

    .tarifs-pose {
        order: 2;
    }

    .cart-collaterals {
        order: 1;
    }
}