/**
 * Right-to-left corrections for the shared appiappi stylesheets (theme,
 * checkout, client login). Most of the parent already uses logical
 * properties; these are the remaining physical left/right rules,
 * mirrored. Loaded only when the current language is RTL (fa, ar).
 */

/* ---- layout.css ---- */
.mobile-nav__list li.current-menu-item > a,
.mobile-nav__list li.current_page_item > a,
.mobile-nav__list li.current-menu-parent > a,
.mobile-nav__list li.current-menu-ancestor > a {
	box-shadow: inset -3px 0 0 var(--color-primary);
}

/* ---- components.css ---- */
.chip-list,
.faq-item__question {
	text-align: right;
}

.pricing-tabs__mobile-select {
	padding: var(--space-4) var(--space-4) var(--space-4) var(--space-10);
}

.pricing-tabs__mobile-select-caret {
	right: auto;
	left: var(--space-4);
}

.templates-sidebar__categories--children {
	margin: var(--space-1) var(--space-5) var(--space-2) 0;
}

.template-card__category {
	left: auto;
	right: var(--space-3);
}

.template-card__nav--prev {
	left: auto;
	right: var(--space-2);
}

.template-card__nav--next {
	right: auto;
	left: var(--space-2);
}

.template-card__nav svg {
	transform: scaleX(-1);
}

.template-card__subgroup {
	margin-left: 0;
	margin-right: var(--space-1);
}

/* ---- pages.css ---- */
.service-block__closing,
.step-detail__group--benefit {
	border-left: 0;
	border-right: 3px solid var(--color-primary);
}

.portfolio-card__concept-badge {
	left: auto;
	right: var(--space-3);
}

.single-post__content ol {
	padding-left: 0;
	padding-right: 1.25em;
}

/* ---- appiappi-checkout ---- */
.checkout-modal__close {
	right: auto;
	left: var(--space-4);
}

.checkout-modal__title {
	padding-right: 0;
	padding-left: var(--space-8);
}

/* ---- appiappi-client-login ---- */
.client-login-widget__menu {
	right: auto;
	left: 0;
}

.header-actions .client-login-widget__menu {
	right: auto;
	left: calc(-1 * var(--space-2));
}

.client-login-mobile-toggle__panel {
	left: auto;
	right: 0;
}

.header-actions .client-login-mobile-toggle__panel {
	right: auto;
	left: var(--container-pad);
}

.client-login-mobile-toggle__close {
	right: auto;
	left: var(--space-2);
}

.app-shell__nav-link:hover {
	transform: translateX(-2px);
}

.app-shell__soon-badge {
	margin-left: 0;
	margin-right: auto;
}

.dash-card__link:hover svg {
	transform: scaleX(-1) translateX(3px);
}

.dash-card__link svg {
	transform: scaleX(-1);
}

.dash-toggle__thumb {
	left: auto;
	right: 2px;
}

.dash-toggle input:checked + .dash-toggle__track .dash-toggle__thumb {
	transform: translateX(-15px);
}

@media (max-width: 900px) {
	.app-shell__sidebar {
		left: auto;
		right: 0;
		transform: translateX(100%);
	}

	.app-shell__sidebar.is-open {
		transform: translateX(0);
	}
}

/* ---- Chevrons and arrows used as "next" point the other way ---- */
.breadcrumbs .icon,
.appiappi-pagination .icon {
	transform: scaleX(-1);
}

/* ---- Latin-only values stay LTR inside RTL text ---- */
input[type="email"],
input[type="tel"],
input[type="url"] {
	direction: ltr;
	text-align: right;
}

/* ---- appiappi-contact: the honeypot field is pushed 9999px left by an
   inline style, which on an RTL page becomes scrollable width. Keep it
   in place but invisible instead. ---- */
#contact-form input[name="appiappi_contact_hp"] {
	left: auto !important;
	inset-inline-start: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
	clip-path: inset(50%);
	pointer-events: none;
}