/**
 * Biçer Turizm - RTL (Right-to-Left) Styles
 * Arabic language support
 */

/* ===== Base RTL Overrides ===== */
html[dir="rtl"] {
    direction: rtl;
}

html[dir="rtl"] body {
    text-align: right;
}

/* ===== Typography ===== */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p {
    text-align: right;
}

html[dir="rtl"] .text-center {
    text-align: center;
}

html[dir="rtl"] .text-left {
    text-align: right;
}

html[dir="rtl"] .text-right {
    text-align: left;
}

/* ===== Lists ===== */
html[dir="rtl"] ul,
html[dir="rtl"] ol {
    padding-right: var(--space-6);
    padding-left: 0;
}

/* ===== Header ===== */
html[dir="rtl"] .header__inner {
    flex-direction: row-reverse;
}

html[dir="rtl"] .nav__list {
    flex-direction: row-reverse;
}

html[dir="rtl"] .header__actions {
    flex-direction: row-reverse;
}

html[dir="rtl"] .lang-switcher {
    flex-direction: row-reverse;
}

/* ===== Navigation ===== */
html[dir="rtl"] .breadcrumb {
    direction: rtl;
}

html[dir="rtl"] .breadcrumb svg {
    transform: scaleX(-1);
}

/* ===== Mobile Menu ===== */
html[dir="rtl"] .mobile-menu {
    right: auto;
    left: 0;
    transform: translateX(-100%);
}

html[dir="rtl"] .mobile-menu.active {
    transform: translateX(0);
}

html[dir="rtl"] .mobile-menu__list {
    text-align: right;
}

html[dir="rtl"] .mobile-menu__lang {
    direction: rtl;
}

/* ===== Hero Section ===== */
html[dir="rtl"] .hero__content {
    text-align: right;
}

html[dir="rtl"] .hero__buttons {
    justify-content: flex-start;
}

/* ===== Buttons ===== */
html[dir="rtl"] .btn svg {
    margin-left: var(--space-2);
    margin-right: 0;
}

html[dir="rtl"] .btn svg:first-child {
    order: 1;
}

/* ===== Cards ===== */
html[dir="rtl"] .card__body {
    text-align: right;
}

html[dir="rtl"] .card__features {
    justify-content: flex-start;
}

html[dir="rtl"] .card__feature {
    flex-direction: row-reverse;
}

html[dir="rtl"] .card__feature svg {
    margin-left: var(--space-1);
    margin-right: 0;
}

html[dir="rtl"] .card__badge {
    left: auto;
    right: var(--space-4);
}

/* ===== Features ===== */
html[dir="rtl"] .feature {
    text-align: right;
}

html[dir="rtl"] .features__grid {
    direction: rtl;
}

/* ===== Contact ===== */
html[dir="rtl"] .contact-item {
    flex-direction: row-reverse;
    text-align: right;
}

html[dir="rtl"] .contact-item__icon {
    margin-left: var(--space-4);
    margin-right: 0;
}

html[dir="rtl"] .contact-item__content {
    text-align: right;
}

/* ===== Footer ===== */
html[dir="rtl"] .footer__grid {
    direction: rtl;
}

html[dir="rtl"] .footer__brand {
    text-align: right;
}

html[dir="rtl"] .footer__links {
    text-align: right;
}

html[dir="rtl"] .footer__contact-item {
    flex-direction: row-reverse;
}

html[dir="rtl"] .footer__contact-item svg {
    margin-left: var(--space-3);
    margin-right: 0;
}

html[dir="rtl"] .footer__social {
    justify-content: flex-start;
}

/* ===== FAQ ===== */
html[dir="rtl"] .faq-item__question {
    flex-direction: row-reverse;
    text-align: right;
}

html[dir="rtl"] .faq-item__question span {
    text-align: right;
}

html[dir="rtl"] .faq-item__answer-inner {
    text-align: right;
}

/* ===== Grid Layouts ===== */
html[dir="rtl"] .grid {
    direction: rtl;
}

/* ===== Flex Items with Icons ===== */
html[dir="rtl"] [style*="display: flex"][style*="align-items"] {
    flex-direction: row-reverse;
}

/* Override for centered flex */
html[dir="rtl"] [style*="justify-content: center"] {
    flex-direction: row;
}

/* ===== Page Header ===== */
html[dir="rtl"] .page-header {
    text-align: right;
}

/* ===== Icon Positioning ===== */
html[dir="rtl"] .feature__icon,
html[dir="rtl"] .card__icon {
    margin-left: auto;
    margin-right: 0;
}

/* Center icons in feature boxes */
html[dir="rtl"] .feature {
    text-align: center;
}

html[dir="rtl"] .feature__icon {
    margin: 0 auto var(--space-4);
}

/* ===== WhatsApp Float Button ===== */
html[dir="rtl"] .whatsapp-float {
    right: auto;
    left: var(--space-6);
}

/* ===== CTA Section ===== */
html[dir="rtl"] .cta {
    text-align: right;
}

html[dir="rtl"] .cta h2,
html[dir="rtl"] .cta p {
    text-align: center;
}

/* ===== Statistics/Numbers ===== */
html[dir="rtl"] [style*="grid-template-columns: repeat"] {
    direction: rtl;
}

/* ===== Service Steps ===== */
html[dir="rtl"] .grid--3 [style*="text-align: center"] {
    text-align: center;
}

/* ===== Vehicle/Service Detail ===== */
html[dir="rtl"] .grid--2 {
    direction: rtl;
}

/* ===== Form Elements (future use) ===== */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    text-align: right;
    direction: rtl;
}

/* ===== Margin/Padding Utilities ===== */
html[dir="rtl"] .ml-auto {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .mr-auto {
    margin-right: 0;
    margin-left: auto;
}

/* ===== Spacing Fixes ===== */
html[dir="rtl"] [style*="margin-left: auto"][style*="margin-right: auto"] {
    margin-left: auto;
    margin-right: auto;
}

/* ===== Chevron Icons ===== */
html[dir="rtl"] [class*="chevron-right"] {
    transform: scaleX(-1);
}

html[dir="rtl"] [class*="chevron-left"] {
    transform: scaleX(-1);
}

/* ===== Scrollbar Position ===== */
html[dir="rtl"] ::-webkit-scrollbar {
    direction: rtl;
}

/* ===== Font Family for Arabic ===== */
html[lang="ar"] body {
    font-family: 'Inter', 'Segoe UI', 'Tahoma', 'Arial', sans-serif;
}

/* Optional: Use Arabic-specific font if available */
@font-face {
    font-family: 'Arabic';
    src: local('Segoe UI'), local('Tahoma'), local('Arial');
}

html[lang="ar"] body {
    font-family: 'Inter', 'Arabic', sans-serif;
}

/* ===== Line Height Adjustments for Arabic ===== */
html[lang="ar"] p,
html[lang="ar"] li,
html[lang="ar"] span {
    line-height: 1.8;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4 {
    line-height: 1.5;
}