/* Copie retournée (droite à gauche) de assets/css/accueil-categories-mobile-v2.css — fabriquée par anaaz-langues, ne pas modifier */
/* Accueil, téléphone (≤ 767 px) : carrousel des catégories sans flèches, défilement au doigt, catégorie suivante coupée
   à moitié au bord droit sur chaque rangée (templates/home-categories-carousel.php, inc/accueil-mobile.php), v1 du 21/10/2026.
   La version téléphone n'est plus un diaporama Slick (classe cat-carousel-slider retirée dans le gabarit) : les pages de
   10 catégories (2 rangées de 5) sont posées côte à côte dans une bande qui défile ; l'ordre reste le même.
   Colonnes : (largeur de l'écran − marge de gauche 4 px − 4 écarts de 6 px) ÷ 4,5 → 4 catégories et demie visibles.
   v2 du 21/10/2026 : marge de départ de la bande 10 px → 4 px (la marge de fin reste à 10 px).
   Tablette et ordinateur : aucune règle (version Slick avec flèches, inchangée). */

@media (max-width: 767px) {

	.anaaz-categories-carousel .cat-carousel-mobile.cat-carousel-defile {
		--anaaz-cat-col: calc((100vw - 4px - 4 * 6px) / 4.5);
		display: flex !important;
		gap: 6px;
		margin: 0 -6px; /* bord à bord : la marge du conteneur passe dans la bande */
		padding: 0 0 4px 4px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x proximity;
		scroll-padding-right: 4px;
		overscroll-behavior-x: contain;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.anaaz-categories-carousel .cat-carousel-mobile.cat-carousel-defile::-webkit-scrollbar {
		display: none;
	}

	/* Fin de bande : la dernière catégorie entière, avec une marge de 10 px, sans vide de plus */
	.anaaz-categories-carousel .cat-carousel-mobile.cat-carousel-defile::after {
		content: '';
		flex: 0 0 4px; /* + écart de 6 px = 10 px */
	}

	.anaaz-categories-carousel .cat-carousel-defile .cat-carousel-page {
		flex: 0 0 auto;
		grid-template-columns: repeat(5, var(--anaaz-cat-col)) !important;
		gap: 10px 6px !important;
	}

	.anaaz-categories-carousel .cat-carousel-defile .cat-carousel-item {
		min-width: 0;
		scroll-snap-align: start;
	}
}

/* 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}