/* Copie retournée (droite à gauche) de assets/css/accueil-haut-mobile-v4.css — fabriquée par anaaz-langues, ne pas modifier */
/* Accueil, téléphone (≤ 767 px) : image du haut de page agrandie (inc/accueil-mobile.php), v4 du 21/10/2026 (v4 : cadre moins haut, proportions 1184 / 482 choisies par la propriétaire ; v3 : annonces du diaporama montrées en entier et centrées dans le cadre, comme prévu par leurs règles ; v2 : l'image elle-même suit le cadre ; style.css lui imposait 100 px au plus).
   Avant : cadre fixe de 110 px de haut (règles de assets/css/responsive.css, prévues pour les annonces 780 × 220) →
   l'image de la propriétaire (1184 × 864) perdait 62 à 72 % de sa hauteur, les pastilles étaient posées sur le bas.
   Après : bord à bord, cadre aux proportions de l'image (1184 / 864), image entière ; les pastilles passent dessous,
   sur leur propre ligne. Les annonces du diaporama restent montrées en entier (sur fond flouté, règles des annonces).
   Ordinateur et tablette : aucune règle (tout est dans la media query). */

@media (max-width: 767px) {

	/* Une ligne de plus dans la grille du haut de page : texte, boutons, image, PUIS pastilles */
	html body section.anaaz-marketplace-hero {
		grid-template-areas: "copy" "buttons" "image" "benefits" !important;
		grid-template-rows: auto auto auto auto !important;
	}

	/* Cadre : bord à bord, hauteur donnée par les proportions de l'image (place réservée avant le chargement) */
	html body section.anaaz-marketplace-hero > .anaaz-marketplace-image.anaaz-hero-slider {
		grid-area: image !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		aspect-ratio: 1184 / 482; /* v4 : choix de la propriétaire (avant 1184 / 864) */
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 0 !important;
	}

	html body section.anaaz-marketplace-hero .anaaz-marketplace-image .anaaz-hero-slide,
	html body section.anaaz-marketplace-hero .anaaz-marketplace-image .anaaz-hero-slide > img {
		height: 100% !important;
		min-height: 0 !important;
		max-height: none !important;
	}

	/* Image entière, centrée (avant : décalée à 70 % pour les bannières) */
	html body section.anaaz-marketplace-hero .anaaz-marketplace-image .anaaz-hero-slide > img {
		width: 100% !important;
		min-height: 0 !important;
		max-height: none !important; /* v2 : style.css fixait 100 px au plus */
		object-fit: cover !important;
		object-position: center center !important;
	}

	/* Pastilles : sous l'image, plus par-dessus */
	html body section.anaaz-marketplace-hero > .anaaz-marketplace-benefits {
		grid-area: benefits !important;
		align-self: start !important;
		position: relative !important;
		inset: auto !important;
		transform: none !important;
		margin: 8px auto 10px !important;
	}

	/* v3 : diapositive d'annonce (visuel 780 × 220) : entière et centrée sur son fond flouté, sur toute la hauteur du cadre
	   (les anciennes règles de hauteur du haut de page passaient devant celles des annonces : visuel rogné et décalé) */
	html body section.anaaz-marketplace-hero .anaaz-marketplace-image .anaaz-hero-slide > .anaaz-pub,
	html body section.anaaz-marketplace-hero .anaaz-marketplace-image .anaaz-hero-slide .anaaz-pub__entier {
		width: 100% !important;
		height: 100% !important;
	}

	html body section.anaaz-marketplace-hero .anaaz-marketplace-image .anaaz-hero-slide .anaaz-pub__entier img {
		width: 100% !important;
		height: 100% !important;
		min-height: 0 !important;
		max-height: none !important;
	}

	html body section.anaaz-marketplace-hero .anaaz-marketplace-image .anaaz-hero-slide .anaaz-pub__entier > .anaaz-pub__image img {
		object-fit: contain !important;
		object-position: center center !important;
	}

	html body section.anaaz-marketplace-hero .anaaz-marketplace-image .anaaz-hero-slide .anaaz-pub__entier .anaaz-pub__flou img {
		object-fit: cover !important;
	}
}
/* retouches 6.305 */
.woocommerce-breadcrumb a:after{transform:scaleX(-1)}
/* retouches 6.307 */
html[dir=rtl]{overflow-x:hidden}@supports (overflow:clip){html[dir=rtl],html[dir=rtl] body{overflow-x:clip}}
/* retouches 6.311 */
.anaaz-choix,.anaaz-ar-erreur,.toaster,body #colorbox,.anaaz-var__liste [data-anaaz-bulle]::before,.anaaz-var__liste [data-anaaz-bulle]::after{left:50%!important;right:auto!important}
.anaaz-panneau{left:auto!important;right:16px!important}@media (max-width:767px){.anaaz-panneau{left:0!important;right:0!important}}
/* retouches 6.319 */
.slick-slider{direction:ltr}.slick-slider .slick-slide{float:left!important;direction:rtl}
/* retouches 6.333 : cœur des favoris de la fiche à la FIN du titre (côté gauche), place réservée à gauche, jamais sur le texte */
html[dir=rtl] .single-product .summary .variant-holder>.product_title{padding-right:0!important;padding-left:52px!important}html[dir=rtl] .anaaz-favori{right:auto!important;left:0!important;align-items:flex-start!important}html[dir=rtl] .anaaz-favori__message{right:auto!important;left:0!important}@media (max-width:768px){html[dir=rtl] .single-product .summary .variant-holder>.product_title{padding-right:0!important;padding-left:56px!important}}
/* retouches 6.335 : numéros de téléphone et adresses e-mail toujours écrits de gauche à droite (« +33… » et non « 33…+ »), alignés à droite */
html[dir=rtl] input[type=tel],html[dir=rtl] input[type=email],html[dir=rtl] input#phone,html[dir=rtl] input[name*=phone],html[dir=rtl] input[name*=email],html[dir=rtl] input#user_email{direction:ltr;text-align:right}
/* retouches 6.337 : tiroir du menu (extension Drawer Sliding, réglé « à gauche ») ouvert à DROITE, côté du bouton ; flèches des onglets dans le sens de lecture */
html[dir=rtl] .cs_drawer-left{left:auto!important;right:0!important;border-right:none!important;border-left:1px solid #dfdfdf}html[dir=rtl] .cs_drawer-left .cs_drawer-controls{left:auto!important;right:100%!important}html[dir=rtl] .cs_drawer-left.fold{margin-left:0!important;margin-right:-100%}html[dir=rtl] .cs_drawer-left.folding{transition-property:margin-right}@media (min-width:768px){html[dir=rtl] .cs_drawer-left.fold.dw-sm-6{margin-right:-50%}}@media (min-width:992px){html[dir=rtl] .cs_drawer-left.fold.dw-md-4{margin-right:-33.33333333%}}html[dir=rtl] .cs_drawer-left.fold.open{margin-left:0!important;margin-right:0!important}
html[dir=rtl] .ds-menu-wrap .scroll-arrow.right{transform:rotate(180deg)}html[dir=rtl] .ds-menu-wrap .scroll-arrow.left{transform:none}