/**
 * RTL (Right-to-Left) overrides for Arabic language
 * Applied automatically when lang=ar via lang/init.php
 */

/* Base direction */
body {
    direction: rtl;
    text-align: right;
}

/* Navigation */
#nav .inner-menu ul {
    direction: rtl;
    text-align: right;
}

#nav .inner-menu ul .sub-menu {
    text-align: right;
}

#nav .col-lg-2 {
    text-align: right;
}

#nav .btn-toggle {
    left: 15px;
    right: auto;
}

/* Top bar */
#topbar i {
    padding-right: 0;
    padding-left: 6px;
}

/* Header text */
.header-text {
    text-align: right;
}

/* Boxes */
.box-header,
.box-slider,
.box-map,
.box-service,
.inner-ourService {
    text-align: right;
}

/* Section text alignment */
.box-text {
    text-align: right;
}

/* Footer */
#footer {
    direction: rtl;
    text-align: right;
}

#footer .footer-content li {
    text-align: right;
}

#footer .footer-content li[style*="background-image"] {
    background-position: right center !important;
    padding-left: 0;
    padding-right: 35px;
}

/* Map info */
.map-info {
    text-align: right;
}

/* Lists */
ul, ol {
    padding-right: 20px;
    padding-left: 0;
}

/* Buttons with icons */
.btn.is-phone::before,
.btn.is-phone::after {
    margin-left: 8px;
    margin-right: 0;
}

/* Section advantages */
.section-advantages .box-service.has-text {
    text-align: right;
}

/* Section urgency */
.section-urgency .col-md-8 {
    text-align: center;
}

/* Section text image - reverse order */
.section-text-image-right .row,
.section-text-image-left .row {
    direction: rtl;
}

/* Modal */
.modal-appelez .fr {
    text-align: right;
}

.close_modal_appelez {
    right: auto;
    left: -10px;
}

/* Whatsapp button - flip to left */
.whatsapp {
    right: auto;
    left: 20px;
}

/* Text sections */
.section-text .col-md-12 {
    text-align: center;
}

/* Copyright */
.copyright {
    text-align: right;
}

/* Language selector RTL adjustment */
.lang-selector .lang-dropdown {
    right: auto;
    left: 0;
}

/* Font family for Arabic readability */
[lang="ar"] body,
[dir="rtl"] body {
    font-family: 'Segoe UI', 'Arial', 'Tahoma', sans-serif;
    line-height: 1.8;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] .h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] .h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] .h6 {
    line-height: 1.6;
}

/* Bootstrap flex row direction */
[dir="rtl"] .row {
    direction: rtl;
}

/* Fix strong/bold in lists */
[dir="rtl"] li strong {
    margin-left: 4px;
    margin-right: 0;
}