/* =========================================================================
   Tony Perfumes — Arabic / RTL overrides
   Loaded only when the active language is Arabic.

   Most of main.css already uses logical properties (margin-inline,
   inset-inline-end, padding-inline) so it flips on its own. This file only
   handles what logical properties cannot: typography and hard-coded
   left/right coming from GeneratePress or WooCommerce.
   ========================================================================= */

body.tony-rtl {
	direction: rtl;
	text-align: right;
	/* Arabic reads better with slightly looser lines and no serif display face.
	   Brand Arabic content face goes first; falls back until its file is self-hosted. */
	font-family: "The Year of Handicraft", "Tajawal", "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
	line-height: 1.85;
}

body.tony-rtl h1,
body.tony-rtl h2,
body.tony-rtl h3,
body.tony-rtl h4,
body.tony-rtl h5,
body.tony-rtl h6 {
	/* Brand Arabic headline face (ALVI) goes first; falls back until self-hosted. */
	font-family: "ALVI", "El Messiri", "Noto Kufi Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
}

/* Prices and any Latin/number run must stay LTR inside RTL text. */
body.tony-rtl .price,
body.tony-rtl .woocommerce-Price-amount,
body.tony-rtl .tony-price {
	direction: ltr;
	unicode-bidi: isolate;
	display: inline-block;
}

/* GeneratePress hard-codes float on the navigation and sidebar. */
body.tony-rtl .main-navigation .main-nav ul li {
	float: right;
}

body.tony-rtl .inside-navigation,
body.tony-rtl .inside-header {
	flex-direction: row-reverse;
}

body.tony-rtl .sidebar {
	float: left;
}

body.tony-rtl .content-area {
	float: right;
}

/* WooCommerce list markers and star ratings. */
body.tony-rtl .woocommerce ul.products,
body.tony-rtl .woocommerce-page ul.products {
	padding-right: 0;
}

body.tony-rtl .woocommerce .star-rating {
	direction: ltr;
	float: left;
}

body.tony-rtl .woocommerce form .form-row label {
	text-align: right;
}

/* Breadcrumb separators. */
body.tony-rtl .woocommerce-breadcrumb {
	direction: rtl;
}