/*
 * KLOUDY — corrections RTL (chargées uniquement en arabe).
 * La direction générale, l'alignement du texte et les propriétés logiques
 * (padding-inline / margin-inline) sont déjà gérés par dir="rtl".
 * On ne corrige ici que les propriétés physiques (left/right/float/text-align).
 */

/* Alignements gauche → droite */
.k-section-title--left,
.k-promo__list,
.k-cart__subtotal,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	text-align: right;
}

/* Badge d'angle et cœur favori : coin opposé */
ul.products li.product .k-badge,
.k-badge {
	right: auto;
	left: var(--space-2);
}

.k-wish {
	left: auto;
	right: var(--space-2);
}

/* Fiche produit : on garde le badge en haut à gauche et la loupe de zoom en
   haut à droite (comme en français) pour éviter tout chevauchement. */
.woocommerce div.product > .k-badge {
	right: auto;
	left: var(--space-2);
}

.woocommerce div.product .woocommerce-product-gallery__trigger {
	left: auto;
	right: var(--space-2);
}

/* Puces de la carte promo */
.k-promo__list li {
	padding-left: 0;
	padding-right: var(--space-3);
}

.k-promo__list li::before {
	left: auto;
	right: 0;
}

/* Vignette décalée du « produit à la une » */
.k-spotlight__thumb {
	right: auto;
	left: -24px;
}

.k-spotlight__price del {
	margin-right: 0;
	margin-left: var(--space-2);
}

@media (max-width: 782px) {
	.k-spotlight__thumb {
		left: var(--space-3);
		right: auto;
	}
}

/* Compte client : colonnes inversées */
.woocommerce-account .woocommerce-MyAccount-navigation {
	float: right;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	border-right: 0;
	border-left: var(--hairline);
	padding-right: 0;
	padding-left: var(--space-4);
}

.woocommerce-account .woocommerce-MyAccount-content {
	float: left;
}

/* Bouton des notices WooCommerce */
.woocommerce-message .button,
.woocommerce-info .button {
	margin-left: 0;
	margin-right: auto;
}

/* Flèche du sélecteur de coloris */
.k-variants__next {
	right: auto;
	left: 0;
}

/* Cartes produit (accueil + boutique) : le titre s'aligne à droite,
   tandis que le prix et les vignettes de variantes se collent à gauche. */
ul.products li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	text-align: right;
}

ul.products li.product .k-card__title {
	text-align: right;
}

ul.products li.product .price,
ul.products li.product .k-variants {
	justify-content: flex-end; /* en RTL, flex-end = bord gauche */
}

ul.products li.product .price {
	text-align: left;
}

/* Étiquette « Quantité » (pseudo-élément CSS) traduite en arabe. */
.woocommerce div.product .k-cod-form .quantity::before,
.woocommerce div.product .k-qty-standalone::before {
	content: "الكمية";
}