/* =========================================================
   LUMIÈRE MOMENTS
   RTL SUPPORT
   ========================================================= */


/* =========================================================
   GLOBAL RTL
   ========================================================= */

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

html[dir="rtl"] .section-header,
html[dir="rtl"] .section-description {
    text-align: right;
}


/* =========================================================
   LOGO — ALWAYS LTR
   ========================================================= */

html[dir="rtl"] .logo,
html[dir="rtl"] .logo-main,
html[dir="rtl"] .logo-sub,
html[dir="rtl"] .loader-logo,
html[dir="rtl"] .loader-logo span {
    direction: ltr;
    unicode-bidi: isolate;
    text-align: left;
}


/* =========================================================
   NAVBAR
   ========================================================= */

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

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

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

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

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


/* =========================================================
   DROPDOWN ARROW
   ========================================================= */

html[dir="rtl"] .dropdown-arrow {
    transform: none;
}

html[dir="rtl"] .nav-item.has-dropdown:hover .dropdown-arrow,
html[dir="rtl"] .nav-item.has-dropdown.is-open .dropdown-arrow {
    transform: rotate(180deg);
}


/* =========================================================
   BUTTON ICON DIRECTION
   ========================================================= */

html[dir="rtl"] .btn i {
    transform: rotate(180deg);
}

html[dir="rtl"] .btn:hover i {
    transform: translateX(-4px) rotate(180deg);
}


/* =========================================================
   HERO
   ========================================================= */

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

html[dir="rtl"] .hero-title em {
    display: block;
}

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

html[dir="rtl"] .hero-scroll {
    right: auto;
    left: 35px;
}


/* =========================================================
   INTRO
   ========================================================= */

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


/* =========================================================
   SERVICES
   ========================================================= */

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


/* =========================================================
   EVENTS
   ========================================================= */

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


/* =========================================================
   PROCESS
   ========================================================= */

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


/* =========================================================
   STATS
   ========================================================= */

html[dir="rtl"] .stat {
    border-right: 0;
    border-left: 1px solid var(--color-border);
}

html[dir="rtl"] .stat:last-child {
    border-left: 0;
}


/* =========================================================
   PACKAGES
   ========================================================= */

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

html[dir="rtl"] .package-card li {
    padding-right: 21px;
    padding-left: 0;
}

html[dir="rtl"] .package-card li::before {
    right: 0;
    left: auto;
}


/* =========================================================
   TESTIMONIAL
   ========================================================= */

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


/* =========================================================
   FOOTER
   ========================================================= */

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

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


/* =========================================================
   MOBILE MENU
   ========================================================= */

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

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

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

html[dir="rtl"] .mobile-nav-link,
html[dir="rtl"] .mobile-home-toggle {
    text-align: right;
}

html[dir="rtl"] .mobile-home-toggle {
    flex-direction: row;
}

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

html[dir="rtl"] .mobile-submenu a {
    padding-right: 10px;
    padding-left: 0;
}

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


/* =========================================================
   MOBILE HEADER
   ========================================================= */

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

html[dir="rtl"] .mobile-account {
    margin-right: 2px;
    margin-left: 0;
}

html[dir="rtl"] .hamburger {
    margin-right: 2px;
    margin-left: 0;
}


/* =========================================================
   BACK TO TOP
   ========================================================= */

html[dir="rtl"] .back-to-top {
    right: auto;
    left: 25px;
}


/* =========================================================
   AOS DIRECTIONAL ANIMATION SUPPORT
   ========================================================= */

html[dir="rtl"] [data-aos="fade-right"] {
    transform: translate3d(100px, 0, 0);
}

html[dir="rtl"] [data-aos="fade-left"] {
    transform: translate3d(-100px, 0, 0);
}


/* =========================================================
   MOBILE RTL
   ========================================================= */

@media (min-width: 320px) and (max-width: 767px) {

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

    html[dir="rtl"] .hero-actions {
        align-items: stretch;
    }

    html[dir="rtl"] .hero-scroll {
        display: none;
    }

    html[dir="rtl"] .footer-bottom {
        align-items: flex-start;
    }

    html[dir="rtl"] .back-to-top {
        right: auto;
        left: 16px;
    }
}


/* =========================================================
   TABLET RTL
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

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

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

/* =========================================================
   RTL — MOBILE DRAWER
   ========================================================= */

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

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

html[dir="rtl"] .mobile-menu-top {
    flex-direction: row;
}

html[dir="rtl"] .mobile-nav-link,
html[dir="rtl"] .mobile-home-toggle {
    text-align: right;
}

html[dir="rtl"] .mobile-submenu {
    padding-left: 0;
    padding-right: 14px;
}

html[dir="rtl"] .mobile-home-toggle i {
    transition: transform 0.3s ease;
}

html[dir="rtl"] .mobile-home-toggle[aria-expanded="true"] i {
    transform: rotate(180deg);
}

/* Brand must ALWAYS remain LTR */
html[dir="rtl"] .logo {
    direction: ltr;
    text-align: left;
    unicode-bidi: isolate;
}

html[dir="rtl"] .logo-main,
html[dir="rtl"] .logo-sub {
    direction: ltr;
    unicode-bidi: isolate;
}

/* Direction-sensitive arrow/icon */
html[dir="rtl"] .btn .fa-arrow-right {
    transform: rotate(180deg);
}
/* =========================================================
   FOOTER CONTACT — RTL
========================================================= */

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

html[dir="rtl"] .footer-contact-item i {
    margin-top: 4px;
}

/* =========================================================
   WHAT WE NOTICE — RTL
========================================================= */

html[dir="rtl"] .what-we-notice {
    direction: rtl;
}

html[dir="rtl"] .what-we-notice-heading,
html[dir="rtl"] .what-we-notice-content {
    text-align: right;
}

html[dir="rtl"] .notice-list {
    direction: rtl;
}

html[dir="rtl"] .notice-item {
    direction: rtl;
}

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

html[dir="rtl"] .notice-item h3,
html[dir="rtl"] .notice-item p {
    text-align: right;
}

html[dir="rtl"] .what-we-notice-closing {
    direction: rtl;
    text-align: center;
}


/* =========================================================
   MOBILE RTL
========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .what-we-notice-heading,
    html[dir="rtl"] .what-we-notice-content,
    html[dir="rtl"] .notice-item,
    html[dir="rtl"] .notice-number,
    html[dir="rtl"] .notice-item h3,
    html[dir="rtl"] .notice-item p {
        text-align: right;
    }

}