/* ====================================================
   Kinder Shop — RTL Specific Overrides (rtl.css)
   Auto-loaded by WordPress when is_rtl() is true.
   Most layout already handled via CSS Logical Properties.
   This file contains only RTL-specific overrides.
   ==================================================== */

/* === BODY === */
body {
	direction: rtl;
	text-align: right;
	--kinder-dir: -1;
}

/* === HERO CONTENT: RTL pushes content to right === */
.kinder-hero__content {
	margin-inline-start: 0;
}

/* === WC FORMS: RTL field alignment === */
.woocommerce form .form-row-first {
	float: right;
	margin-inline-end: 0;
	margin-inline-start: 1.25rem;
}
.woocommerce form .form-row-last {
	float: left;
}

/* === BRAND STORY: Swap column order in RTL === */
@media (min-width: 901px) {
	.kinder-brand-story__grid {
		/* Image on left (inline-end) in RTL layout */
		direction: rtl;
	}
}

/* === NAV: RTL dropdown positioning === */
.kinder-nav__sub-menu {
	inset-inline-start: 0;
	inset-inline-end: auto;
}

/* === PRODUCT CARD ACTIONS: RTL offset === */
.kinder-product-card__actions {
	transform: translateX(-8px);
}
.kinder-product-card:hover .kinder-product-card__actions {
	transform: translateX(0);
}

/* === FLOATING BUTTON: RTL positioning === */
.kinder-float-wa__tooltip {
	inset-inline-end: calc(100% + 0.75rem);
	inset-inline-start: auto;
}

/* === CATEGORY CARD CTA ARROW: flip in RTL === */
.kinder-categories__card-cta svg {
	transform: scaleX(-1);
}

/* === FAQ ICON: chevron direction === */
/* (Handled via logical properties, no override needed) */

/* === WC PRODUCT GALLERY: RTL thumbnails === */
.woocommerce div.product div.images .flex-control-thumbs {
	direction: rtl;
}

/* === PAGINATION: RTL arrow flip === */
.woocommerce nav.woocommerce-pagination ul li .prev,
.woocommerce nav.woocommerce-pagination ul li .next {
	transform: scaleX(-1);
}