/* =========================================================
   TAV PETROIL - Arabic RTL Styles
   ========================================================= */

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

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


/* ---------------------------------------------------------
   Header / Navigation
   --------------------------------------------------------- */

html[dir="rtl"] .main-header-area {
    direction: rtl;
}

html[dir="rtl"] .classy-menu {
    direction: rtl;
}

html[dir="rtl"] .classy-nav {
    direction: rtl;
}

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

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


/* ---------------------------------------------------------
   Text alignment
   --------------------------------------------------------- */

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

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


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

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    direction: rtl;
    text-align: right;
}


/* ---------------------------------------------------------
   Lists
   --------------------------------------------------------- */

html[dir="rtl"] ul,
html[dir="rtl"] ol {
    padding-right: 20px;
    padding-left: 0;
}


/* ---------------------------------------------------------
   Breadcrumbs
   --------------------------------------------------------- */

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


/* ---------------------------------------------------------
   Icons / arrows
   --------------------------------------------------------- */

html[dir="rtl"] .fa-angle-right::before {
    content: "\f104";
}

html[dir="rtl"] .fa-angle-left::before {
    content: "\f105";
}


/* ---------------------------------------------------------
   Language switcher
   --------------------------------------------------------- */

.language-switcher {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.language-switcher a {
    text-decoration: none;
    font-weight: 600;
}

.language-switcher .active {
    font-weight: 700;
}

/* =========================================
   Arabic Typography - TAV PETROIL
   ========================================= */

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

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"] p,
html[lang="ar"] a,
html[lang="ar"] span,
html[lang="ar"] li,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select {
    font-family: 'Tajawal', sans-serif;
}

/* Arabic Headings */

html[lang="ar"] h1 {
    font-weight: 800;
}

html[lang="ar"] h2 {
    font-weight: 700;
}

html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6 {
    font-weight: 700;
}

html[lang="ar"] .ve-hero-badge,
html[lang="ar"] .ve-section-tag {
    font-weight: 600;
}

html[lang="ar"] .ve-btn-primary,
html[lang="ar"] .ve-btn-ghost,
html[lang="ar"] .ve-btn-white {
    font-weight: 600;
}