/**
 * Optica RTL Custom Styles
 * Loaded only on Arabic pages via pll_current_language() check
 */

/* Import Arabic font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Apply Arabic font globally on RTL pages */
body[dir="rtl"],
body.rtl,
html[lang="ar"] body {
    font-family: 'Noto Kufi Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;
}

/* Headings */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6 {
    font-family: 'Noto Kufi Arabic', 'Segoe UI', Tahoma, sans-serif;
}

/* Divi specific RTL overrides */
html[lang="ar"] .et_pb_text {
    text-align: right;
}

html[lang="ar"] .et_pb_text_align_left {
    text-align: right;
}

html[lang="ar"] .et_pb_text_align_right {
    text-align: left;
}

/* Navigation */
html[lang="ar"] #et-top-navigation {
    float: left;
}

html[lang="ar"] #et_mobile_nav_menu {
    float: left;
}

html[lang="ar"] .logo_container {
    float: right;
}

/* Buttons */
html[lang="ar"] .et_pb_button {
    font-family: 'Noto Kufi Arabic', 'Segoe UI', Tahoma, sans-serif;
}

html[lang="ar"] .et_pb_button::after {
    /* Flip arrow direction for RTL */
    content: "\35";
    margin-left: 0;
    margin-right: 0.3em;
}

/* Lists */
html[lang="ar"] ul,
html[lang="ar"] ol {
    padding-right: 20px;
    padding-left: 0;
}

/* Footer */
html[lang="ar"] #footer-widgets .footer-widget {
    text-align: right;
}

/* Blurb module */
html[lang="ar"] .et_pb_blurb_content {
    text-align: right;
}

/* Contact form */
html[lang="ar"] .et_pb_contact_form input,
html[lang="ar"] .et_pb_contact_form textarea {
    text-align: right;
    font-family: 'Noto Kufi Arabic', 'Segoe UI', Tahoma, sans-serif;
}

/* Slider */
html[lang="ar"] .et_pb_slide_description {
    text-align: right;
}

/* Blog module */
html[lang="ar"] .et_pb_post_content {
    text-align: right;
}

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

/* Language switcher styling */
.pll-parent-menu-item {
    position: relative;
}

.pll-parent-menu-item ul {
    min-width: 120px;
}