/* RTL Styles for Handyfix Template */


/* General RTL Layout */

body.rtl-layout {
    direction: rtl;
    text-align: right;
    font-feature-settings: "liga" 1;
    /* Enable Arabic ligatures */
}

body.rtl-layout * {
    direction: inherit;
    font-feature-settings: "liga" 1;
    /* Ensure ligatures for all elements */
}


/* Typography for RTL */

body.rtl-layout {
    font-family: 'Cairo', sans-serif;
    /* Prioritize Cairo for Arabic */
}

body.rtl-layout h1,
body.rtl-layout h2,
body.rtl-layout h3,
body.rtl-layout h4,
body.rtl-layout h5,
body.rtl-layout h6 {
    font-family: 'Cairo', sans-serif;
    /* Cairo only for headings to ensure consistency */
}


/* Header RTL Styles */

body.rtl-layout .main-header__inner {
    flex-direction: row-reverse;
}

body.rtl-layout .main-menu__list {
    text-align: right;
}

body.rtl-layout .main-menu__list li {
    text-align: right;
    margin-left: 35px;
}

body.rtl-layout .main-menu__list .dropdown ul {
    text-align: right;
    right: 0;
    left: auto;
}

body.rtl-layout .main-header__right {
    flex-direction: row-reverse;
}


/* Topbar RTL */

body.rtl-layout .topbar-one__inner {
    flex-direction: row-reverse;
}

body.rtl-layout .topbar-one__info {
    padding-right: 0;
    padding-left: 20px;
}

body.rtl-layout .topbar-one__social {
    text-align: left;
}


/* Hero Section RTL */

body.rtl-layout .main-slider-one__content {
    text-align: right;
}

body.rtl-layout .main-slider-one__btn {
    text-align: right;
}

body.rtl-layout .main-slider-one__btn .handyfix-btn i {
    margin-right: 8px;
    margin-left: 0;
    transform: scaleX(-1);
}


/* About Section RTL */

body.rtl-layout .about-one__content {
    text-align: right;
}

body.rtl-layout .about-one__thumb__item {
    text-align: right;
}

body.rtl-layout .about-one__call {
    flex-direction: row-reverse;
}

body.rtl-layout .about-one__call__icon {
    margin-right: 0;
    margin-left: 15px;
}


/* Services Section RTL */

body.rtl-layout .service-one__item__content {
    text-align: right;
}

body.rtl-layout .service-one__item__btn {
    text-align: left;
}

body.rtl-layout .service-one__item__btn a i {
    transform: scaleX(-1);
}


/* Footer RTL */

body.rtl-layout .main-footer__top__inner {
    flex-direction: row-reverse;
}

body.rtl-layout .main-footer__top__right {
    text-align: left;
}

body.rtl-layout .footer-widget {
    text-align: right;
}

body.rtl-layout .footer-widget__links li i {
    margin-right: 0;
    margin-left: 8px;
}

body.rtl-layout .footer-widget__contact li i {
    margin-right: 0;
    margin-left: 10px;
}


/* Form Elements RTL */

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

body.rtl-layout .form-group label {
    text-align: right;
}


/* Buttons RTL */

body.rtl-layout .handyfix-btn i {
    margin-right: 8px;
    margin-left: 0;
}


/* Navigation RTL */

body.rtl-layout .main-menu__list .dropdown ul ul {
    right: 100%;
    left: auto;
}

body.rtl-layout .main-menu__list .dropdown li>a {
    text-align: right;
}


/* Mobile Navigation RTL */

body.rtl-layout .mobile-nav__content {
    text-align: right;
}

body.rtl-layout .mobile-nav__contact {
    text-align: right;
}

body.rtl-layout .mobile-nav__social {
    text-align: right;
}


/* Grid System RTL */

body.rtl-layout .row {
    flex-direction: row-reverse;
}

body.rtl-layout .col,
body.rtl-layout [class*="col-"] {
    float: right;
}


/* Utility Classes RTL */

body.rtl-layout .text-left {
    text-align: right !important;
}

body.rtl-layout .text-right {
    text-align: left !important;
}

body.rtl-layout .float-left {
    float: right !important;
}

body.rtl-layout .float-right {
    float: left !important;
}

body.rtl-layout .ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

body.rtl-layout .mr-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}


/* Padding and Margin RTL */

body.rtl-layout .pl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.rtl-layout .pr-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

body.rtl-layout .ml-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.rtl-layout .mr-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}


/* List Styles RTL */

body.rtl-layout ul,
body.rtl-layout ol {
    padding-right: 0;
    margin-right: 0;
}

body.rtl-layout .list-unstyled {
    padding-right: 0;
}


/* Dropdown RTL */

body.rtl-layout .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}


/* Social Icons RTL */

body.rtl-layout .social-links a {
    margin-right: 0;
    margin-left: 10px;
}


/* Responsive RTL */

@media (max-width: 991px) {
    body.rtl-layout .main-header__inner {
        flex-direction: column;
    }
    body.rtl-layout .main-header__right {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    body.rtl-layout .topbar-one__inner {
        flex-direction: column;
    }
    body.rtl-layout .main-footer__top__inner {
        flex-direction: column;
    }
}


/* Timeline Styles */

.timeline {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

.timeline::before {
    content: '';
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #e9ecef;
}

.timeline-item {
    position: relative;
    margin-bottom: 30px;
}

.timeline-item:last-child {
    margin-bottom: 0;
}

.timeline-marker {
    position: absolute;
    left: -7px;
    right: auto;
    top: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #fff;
    z-index: 1;
}

.timeline-content {
    padding-left: 30px;
    padding-right: 0;
}

.timeline-title {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: 600;
    color: #495057;
}

.timeline-text {
    margin: 0;
    font-size: 14px;
    color: #6c757d;
}


/* RTL Timeline Adjustments */

body.rtl-layout .timeline {
    padding-left: 30px;
    padding-right: 30px;
}

body.rtl-layout .timeline::before {
    left: 15px;
    right: 15px;
}

body.rtl-layout .timeline-marker {
    left: auto;
    right: -7px;
}

body.rtl-layout .timeline-content {
    padding-left: 0;
    padding-right: 30px;
}