/**
 * Harmony of Nature — experiencia arabe completa.
 */
@font-face {
	font-family: "Harmony Arabic";
	src: url("../fonts/plex-sans-arabe-400.woff2") format("woff2");
	font-display: swap;
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: "Harmony Arabic Display";
	src: url("../fonts/amiri-arabe.woff2") format("woff2");
	font-display: swap;
	font-style: normal;
	font-weight: 400;
}

html[lang^="ar"] body {
	font-family: "Harmony Arabic", system-ui, sans-serif;
	text-align: right;
}

html[lang^="ar"] h1,
html[lang^="ar"] h2,
html[lang^="ar"] h3,
html[lang^="ar"] h4,
html[lang^="ar"] h5,
html[lang^="ar"] h6,
html[lang^="ar"] .wp-block-post-title,
html[lang^="ar"] .woocommerce-loop-product__title {
	font-family: "Harmony Arabic Display", "Harmony Arabic", serif;
	letter-spacing: 0;
}

html[lang^="ar"] .harmony-header__barra,
html[lang^="ar"] .harmony-footer__legal,
html[lang^="ar"] .harmony-producto__meta,
html[lang^="ar"] .harmony-entrada__meta {
	direction: rtl;
}

html[lang^="ar"] .harmony-header__utiles {
	margin-inline-start: 0;
	margin-inline-end: auto;
}

html[lang^="ar"] .harmony-idioma {
	color: inherit;
	font-size: .78rem;
	letter-spacing: .02em;
	text-decoration: none;
	white-space: nowrap;
}

html[lang^="ar"] .harmony-producto__ficha,
html[lang^="ar"] .harmony-producto__resumen,
html[lang^="ar"] .harmony-producto__detalles,
html[lang^="ar"] .harmony-articulo__contenido,
html[lang^="ar"] .woocommerce-Tabs-panel {
	text-align: right;
}

html[lang^="ar"] .wc-block-components-product-name,
html[lang^="ar"] .wc-block-components-totals-wrapper,
html[lang^="ar"] .wc-block-components-checkout-step {
	text-align: right;
}

html[lang^="ar"] input,
html[lang^="ar"] textarea,
html[lang^="ar"] select {
	font-family: "Harmony Arabic", system-ui, sans-serif;
}

html[lang^="ar"] .price,
html[lang^="ar"] .woocommerce-Price-amount,
html[lang^="ar"] .wp-block-woocommerce-product-price,
html[lang^="ar"] .harmony-producto__precio,
html[lang^="ar"] .harmony-tarjeta__precio,
html[lang^="ar"] .v6-ficha__precio {
	direction: ltr;
	unicode-bidi: isolate;
}

html[lang^="ar"] table.variations select {
	direction: ltr;
}

@media (max-width: 781px) {
	html[lang^="ar"] .harmony-header__utiles {
		gap: .6rem;
	}
}