/*
 * İsyaka RTL stylesheet (Arabic).
 * Every rule is scoped to body.rtl or html[dir="rtl"], so tr/en/es/de/ru pages are not affected.
 */

/* ---------- Base ---------- */

html[dir="rtl"] body,
body.rtl {
	direction: rtl;
	font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
	text-align: right;
}

body.rtl * {
	letter-spacing: normal !important;
}

body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6,
body.rtl p,
body.rtl li,
body.rtl summary,
body.rtl label,
body.rtl button,
body.rtl input,
body.rtl select,
body.rtl textarea {
	font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
}

body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl p,
body.rtl li,
body.rtl summary,
body.rtl small,
body.rtl span {
	text-align: right;
}

body.rtl .isyaka-section-heading--center,
body.rtl .isyaka-section-heading--center span,
body.rtl .isyaka-section-heading--center h2 {
	text-align: center;
}

/* ---------- Latin terms, phone numbers, emails and URLs ---------- */

body.rtl a[href^="tel:"],
body.rtl a[href^="mailto:"],
body.rtl .isyaka-ltr {
	direction: ltr !important;
	unicode-bidi: isolate !important;
	display: inline-block;
}

body.rtl a[href^="tel:"],
body.rtl a[href^="mailto:"] {
	text-align: right;
}

body.rtl input[type="email"],
body.rtl input[type="tel"],
body.rtl input[type="url"] {
	unicode-bidi: plaintext;
}

/* ---------- Header and navigation ---------- */

body.rtl .isyaka-header__inner {
	direction: rtl;
}

body.rtl .isyaka-header__brand {
	direction: ltr;
	unicode-bidi: isolate;
}

body.rtl .isyaka-header__nav,
body.rtl .isyaka-header__actions {
	direction: rtl;
}

body.rtl .isyaka-header__nav a,
body.rtl .isyaka-header__drawer-nav a {
	text-align: right;
}

body.rtl .isyaka-header__quote {
	text-align: center;
}

/* Language switcher: six items (TR EN ES DE RU AR) stay on one line without overflow. */
body.rtl .isyaka-header__languages,
body.rtl .isyaka-header__drawer-languages {
	direction: ltr;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 6px 10px;
	max-width: 100%;
	font-size: 12px;
	unicode-bidi: isolate;
}

body.rtl .isyaka-header__languages a,
body.rtl .isyaka-header__drawer-languages a {
	flex: 0 0 auto;
	text-align: center;
}

body.rtl .isyaka-header__drawer-languages {
	margin: 0 0 24px;
	justify-content: flex-end;
}

body.rtl .isyaka-header__actions {
	gap: 16px;
}

/* Mobile menu drawer opens from the right. */
body.rtl .isyaka-header__drawer {
	left: auto;
	right: 0;
	transform: translateX(100%);
	text-align: right;
}

body.rtl.isyaka-drawer-open .isyaka-header__drawer {
	transform: translateX(0);
}

body.rtl .isyaka-header__drawer-top {
	flex-direction: row;
}

body.rtl .isyaka-header__drawer-contact,
body.rtl .isyaka-header__drawer-contact div {
	text-align: right;
}

body.rtl .isyaka-header__drawer-social {
	justify-content: flex-start;
}

@media (max-width: 900px) {
	body.rtl .isyaka-header__inner {
		direction: rtl;
	}

	body.rtl .isyaka-header__languages {
		display: none;
	}
}

@media (max-width: 420px) {
	body.rtl .isyaka-header__drawer-languages {
		gap: 4px 8px;
		font-size: 11px;
	}
}

/* ---------- Hero and home ---------- */

body.rtl .isyaka-home-hero__content {
	text-align: right;
}

body.rtl .isyaka-home-hero__eyebrow {
	text-transform: none;
}

body.rtl .isyaka-section-heading,
body.rtl .isyaka-section-heading--standard,
body.rtl .isyaka-section-heading--lined {
	text-align: right;
}

body.rtl .isyaka-section-heading--lined span::after,
body.rtl .isyaka-section-heading--lined::after {
	margin-left: 0;
	margin-right: 16px;
}

/* ---------- Grid cards ---------- */

body.rtl .isyaka-services__grid,
body.rtl .isyaka-service-grid,
body.rtl .isyaka-reference-grid,
body.rtl .isyaka-project-grid,
body.rtl .isyaka-blog-grid,
body.rtl .isyaka-why__list {
	direction: rtl;
}

body.rtl .isyaka-service-card,
body.rtl .isyaka-service-list-card,
body.rtl .isyaka-reference-card,
body.rtl .isyaka-project-card,
body.rtl .isyaka-blog-card,
body.rtl .isyaka-why__list article,
body.rtl .isyaka-faq__item {
	text-align: right;
}

body.rtl .isyaka-reference-scopes,
body.rtl .isyaka-blog-meta,
body.rtl .isyaka-blog-detail__meta {
	justify-content: flex-start;
}

body.rtl .isyaka-faq__item summary {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	gap: 14px;
	text-align: right;
}

body.rtl .isyaka-faq__item summary span {
	margin-left: 0;
	margin-right: 0;
	flex: 0 0 auto;
}

body.rtl .isyaka-faq__item p,
body.rtl .isyaka-about__panel p {
	padding-left: 0;
	text-align: right;
}

body.rtl .isyaka-about__panel summary {
	text-align: right;
}

body.rtl .isyaka-quote__steps article {
	flex-direction: row;
	text-align: right;
}

body.rtl .isyaka-quote__steps article > span {
	margin-left: 18px;
	margin-right: 0;
}

body.rtl .isyaka-contact-cta,
body.rtl .isyaka-reference-cta,
body.rtl .isyaka-blog-end {
	text-align: right;
}

body.rtl .isyaka-footer__inner,
body.rtl .isyaka-footer__links,
body.rtl .isyaka-footer__bottom {
	direction: rtl;
	text-align: right;
}

body.rtl .isyaka-footer__links a,
body.rtl .isyaka-footer__service-list,
body.rtl .isyaka-footer__service-list li {
	text-align: right;
}

body.rtl .isyaka-footer__service-list {
	padding-left: 0;
	padding-right: 0;
}

body.rtl .isyaka-footer__social,
body.rtl .isyaka-contact__social {
	justify-content: flex-start;
}

body.rtl .isyaka-footer__subscribe {
	direction: rtl;
}

/* ---------- Margin and padding flips ---------- */

body.rtl .ml-auto,
body.rtl .isyaka-margin-start-auto {
	margin-left: 0;
	margin-right: auto;
}

body.rtl .isyaka-blog-detail__content ul,
body.rtl .isyaka-blog-detail__content ol,
body.rtl .isyaka-service-detail__content ul,
body.rtl .isyaka-service-detail__content ol,
body.rtl .isyaka-reference-detail__content ul,
body.rtl .isyaka-reference-detail__content ol,
body.rtl .isyaka-service-detail__body ul,
body.rtl .isyaka-service-detail__body ol {
	margin-left: 0;
	margin-right: 1.25em;
	padding-left: 0;
	padding-right: 1.25em;
}

body.rtl .isyaka-blog-detail__content blockquote,
body.rtl .isyaka-service-detail__content blockquote {
	border-left: 0;
	border-right: 3px solid var(--isyaka-accent, currentColor);
	padding-left: 0;
	padding-right: 1.25em;
}

/* ---------- Forms ---------- */

body.rtl input[type="text"],
body.rtl input[type="email"],
body.rtl input[type="tel"],
body.rtl input[type="url"],
body.rtl input[type="search"],
body.rtl input[type="password"],
body.rtl input[type="number"],
body.rtl textarea,
body.rtl select {
	direction: rtl;
	text-align: right;
}

body.rtl input::placeholder,
body.rtl textarea::placeholder {
	text-align: right;
}

body.rtl select {
	padding-left: 36px;
	padding-right: 14px;
	background-position: left 12px center;
}

body.rtl select option {
	direction: rtl;
	text-align: right;
}

body.rtl input[type="checkbox"],
body.rtl input[type="radio"] {
	margin-left: 8px;
	margin-right: 0;
}

body.rtl .isyaka-contact__form,
body.rtl .isyaka-quote__form {
	direction: rtl;
	text-align: right;
}

body.rtl .isyaka-contact__notice,
body.rtl .isyaka-quote__notice {
	text-align: right;
}

body.rtl .isyaka-contact__form button,
body.rtl .isyaka-quote__form button,
body.rtl .isyaka-footer__subscribe button {
	text-align: center;
}

/* Quote and contact pages: info blocks keep their reading order. */
body.rtl .isyaka-contact__info,
body.rtl .isyaka-quote__contact {
	direction: rtl;
	text-align: right;
}

/* ---------- WhatsApp button ---------- */

body.rtl .isyaka-whatsapp-button {
	right: auto;
	left: 24px;
}

/* ---------- Chatbot widget ---------- */

body.rtl .isyaka-ai-root {
	direction: rtl;
}

body.rtl .isyaka-ai-launcher {
	right: auto;
	left: 24px;
}

body.rtl .isyaka-ai-panel {
	right: auto;
	left: 24px;
	direction: rtl;
	text-align: right;
	transform-origin: bottom left;
}

body.rtl .isyaka-ai-header {
	flex-direction: row;
	padding: 0 16px 0 14px;
}

body.rtl .isyaka-ai-brand {
	flex-direction: row;
}

body.rtl .isyaka-ai-header-actions {
	flex-direction: row;
}

body.rtl .isyaka-ai-welcome,
body.rtl .isyaka-ai-greeting,
body.rtl .isyaka-ai-starters,
body.rtl .isyaka-ai-starter {
	direction: rtl;
	text-align: right;
}

body.rtl .isyaka-ai-composer-placeholder {
	direction: rtl;
	flex-direction: row;
	text-align: right;
}

body.rtl .isyaka-ai-composer-placeholder-text {
	text-align: right;
}

body.rtl .isyaka-ai-status {
	text-align: right;
}

/* Messages: user messages sit on the start (right) side, bot messages on the end (left) side. */
body.rtl .isyaka-ai-message,
body.rtl .isyaka-ai-msg {
	direction: rtl;
	text-align: right;
}

body.rtl .isyaka-ai-message.is-user,
body.rtl .isyaka-ai-message--user,
body.rtl .isyaka-ai-msg.is-user,
body.rtl .isyaka-ai-msg--user {
	margin-left: auto;
	margin-right: 0;
	align-self: flex-start;
	text-align: right;
}

body.rtl .isyaka-ai-message.is-bot,
body.rtl .isyaka-ai-message--bot,
body.rtl .isyaka-ai-message.is-assistant,
body.rtl .isyaka-ai-message--assistant,
body.rtl .isyaka-ai-msg.is-bot,
body.rtl .isyaka-ai-msg--bot {
	margin-right: auto;
	margin-left: 0;
	align-self: flex-end;
	text-align: right;
}

@media (max-width: 640px) {
	body.rtl .isyaka-ai-launcher {
		left: 16px;
		right: auto;
	}

	body.rtl .isyaka-ai-panel {
		left: 12px;
		right: auto;
	}
}

/* ---------- html[dir="rtl"] fallbacks (when the body class is missing) ---------- */

html[dir="rtl"] .isyaka-header__drawer {
	left: auto;
	right: 0;
	transform: translateX(100%);
}

html[dir="rtl"] body.isyaka-drawer-open .isyaka-header__drawer {
	transform: translateX(0);
}

html[dir="rtl"] .isyaka-ai-launcher,
html[dir="rtl"] .isyaka-ai-panel {
	right: auto;
	left: 24px;
}

html[dir="rtl"] .isyaka-whatsapp-button {
	right: auto;
	left: 24px;
}