/*--------------------------------------------------------------
  RTL Overrides for Simply Construction (Arabic)
  Loaded only on Arabic pages (under /ar/) after armada.css.
  Direction, float flips, and layout mirroring only.
---------------------------------------------------------------*/

/* ---------- 1. Global direction & typography ---------- */
html,
body {
    direction: rtl;
    text-align: right;
    font-family: "Tajawal", "Cairo", "Segoe UI", Tahoma, "Helvetica Neue", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.htc__btn,
.bst__btn,
button,
input,
textarea,
select {
    font-family: "Cairo", "Tajawal", "Segoe UI", Tahoma, sans-serif;
}

.fact__count,
.count {
    direction: ltr;
    unicode-bidi: embed;
}

/* ---------- 2. Generic float / alignment flip helpers ---------- */
.pull-left   { float: right !important; }
.pull-right  { float: left  !important; }

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

/* ---------- 3. Header top bar (RTL) ---------- */
.header-top-bar {
    direction: rtl;
}

html[dir="rtl"] .header-top-bar__group--meta {
    direction: ltr;
    flex-direction: row-reverse;
    grid-column: 1;
    justify-self: start;
}

html[dir="rtl"] .header-top-bar__group--actions {
    grid-column: 3;
    justify-self: end;
}

html[dir="rtl"] .header-top-bar__group--meta .header-top-bar__item,
html[dir="rtl"] .header-top-bar__item--phone,
html[dir="rtl"] .header-top-bar__item--hours {
    direction: ltr;
    flex-direction: row;
    gap: 8px;
}

.header__social {
    flex-direction: row-reverse;
}

/* ---------- 4. Logo / main menu / search (RTL layout) ---------- */
.main__menu > li {
    margin-left: 35px;
    margin-right: 0;
    flex-shrink: 1;
}
.main__menu > li:last-child {
    margin-left: 0;
}

#sticky-header-with-topbar .container > .row {
    flex-direction: row;
    direction: ltr;
}
#sticky-header-with-topbar .container > .row > .col-md-2:first-child {
    order: 1;
    justify-content: flex-start;
    direction: ltr;
}
#sticky-header-with-topbar .container > .row > .col-md-8 {
    order: 2;
    justify-content: center;
    direction: rtl;
}
#sticky-header-with-topbar .container > .row > .col-md-2:last-child {
    order: 3;
    justify-content: flex-end;
    direction: rtl;
}
@media (min-width: 992px) {
    #sticky-header-with-topbar .container > .row > .col-md-2 {
        width: 16.66666667%;
    }
    #sticky-header-with-topbar .container > .row > .col-md-8 {
        width: 66.66666667%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #sticky-header-with-topbar .container > .row > .col-sm-6 {
        width: 50%;
    }
}
@media (max-width: 767px) {
    #sticky-header-with-topbar .container > .row > .col-xs-7 {
        width: 58.33333333%;
    }
    #sticky-header-with-topbar .container > .row > .col-xs-5 {
        width: 41.66666667%;
    }
}

@media (max-width: 1199px) {
    nav.main__menu__nav.hidden-xs.hidden-sm {
        display: none !important;
    }
    .mobile-menu.clearfix.visible-xs.visible-sm {
        display: block !important;
    }

    #sticky-header-with-topbar .mobile-menu-area {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        height: 88px;
        z-index: 20;
        pointer-events: none;
    }
    #sticky-header-with-topbar.sticky__header.scroll-header .mobile-menu-area {
        height: 52px;
    }
    #sticky-header-with-topbar.sticky__header.scroll-header .container > .row {
        min-height: 52px;
    }
    #sticky-header-with-topbar .mean-container .mean-bar {
        float: none;
        height: 100%;
        min-height: 0;
        padding: 0 15px 0 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        background: transparent;
        pointer-events: auto;
    }
    #sticky-header-with-topbar .mean-container a.meanmenu-reveal {
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        margin-top: 0 !important;
        float: none;
    }
    #sticky-header-with-topbar .mean-container .mean-nav {
        position: absolute;
        top: 100%;
        right: 0;
        left: auto;
        width: 280px;
        margin-top: 0;
        pointer-events: auto;
    }

    #sticky-header-with-topbar .container > .row > .col-md-2:last-child {
        padding-right: 0;
    }
    #sticky-header-with-topbar .htc__header__search {
        justify-content: flex-end;
    }
}

@media (max-width: 991px) {
    #sticky-header-with-topbar .mobile-menu-area {
        height: 64px;
    }
    #sticky-header-with-topbar.sticky__header.scroll-header .mobile-menu-area {
        height: 52px;
    }
}

@media (max-width: 767px) {
    #sticky-header-with-topbar .mobile-menu-area {
        height: 52px;
    }
    #sticky-header-with-topbar.sticky__header.scroll-header .mobile-menu-area {
        height: 52px;
    }
}

@media (max-width: 575px) {
    #sticky-header-with-topbar .mobile-menu-area {
        height: 48px;
    }
    #sticky-header-with-topbar.sticky__header.scroll-header .mobile-menu-area {
        height: 48px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .main__menu > li {
        margin-left: 12px;
    }
    .main__menu li {
        padding: 0 4px;
    }
}

@media (min-width: 1400px) {
    .main__menu > li {
        margin-left: 22px;
    }
    .main__menu li {
        padding: 0 10px;
    }
}

.main__menu .dropdown {
    left: auto;
    right: 0;
    text-align: right;
}
.main__menu .dropdown li a {
    padding-right: 20px;
    padding-left: 10px;
}

.htc__header__search {
    margin-right: 0;
}
.htc__header__search input {
    text-align: right;
    padding-right: 15px;
    padding-left: 40px;
}
.htc__header__search a {
    right: auto;
    left: 0;
}

.mobile-menu nav ul li a,
#mobile_dropdown ul li a {
    text-align: right;
    padding-right: 15px;
    padding-left: 0;
}

/* ---------- 5. Slider / Carousels (RTL text, LTR track) ---------- */
.slider__container,
.slider__activation__wrap,
.slider__activation__wrap .owl-stage-outer,
.slider__activation__wrap .owl-stage,
.slider__activation__wrap .owl-item,
.brand__carousel__wrap,
.brand__activation,
.brand__activation .owl-stage-outer,
.brand__activation .owl-stage,
.brand__activation .owl-item,
.blog__activation,
.blog__activation .owl-stage-outer,
.blog__activation .owl-stage,
.blog__activation .owl-item,
.testimonial__activation,
.testimonial__activation--2,
.testimonial__activation .slick-list,
.testimonial__activation--2 .slick-list,
.testimonial__activation .slick-track,
.testimonial__activation--2 .slick-track,
.testimonial__activation .slick-slide,
.testimonial__activation--2 .slick-slide {
    direction: ltr;
}
.slider__inner,
.testimonial,
.testimonial__details {
    direction: rtl;
    text-align: right;
}
.slider__btn {
    text-align: right;
}

/* ---------- 6. Section titles / generic text helpers ---------- */
.section__title.text-left,
.section__title.text-left p,
.section__title.text-left h2 {
    text-align: right;
}

/* ---------- 7. Offer / About cards (RTL text & icons) ---------- */
.offer {
    text-align: right;
}
.offer__icon {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}
.offer__details {
    overflow: hidden;
    text-align: right;
}

.htc__offer__area.htc__offer--2 .offer__details p,
.htc__offer__area > .container > .row.mt--40 .offer__details p {
    padding-right: 0;
}

.about {
    overflow: hidden;
    text-align: right;
    margin-left: -15px;
    margin-right: -15px;
}
.about__inner {
    text-align: right;
}

.about__icon {
    right: auto;
    left: 0;
}

/* ---------- 8. Services ---------- */
.service__section__wrap .service__thumb {
    margin-left: 0;
    margin-right: -15px;
}
.service__details,
.service__details h2 {
    text-align: right;
}
.h1__service .section__title.text-left {
    text-align: right;
}

/* ---------- 9. Projects ---------- */
.project__action,
.project__hover__info {
    text-align: right;
}
.project__action h2,
.project__action h4 {
    text-align: right;
}

.single__project__details ul li {
    text-align: right;
}
.single__project__details ul li span {
    margin-left: 10px;
    margin-right: 0;
}

/* ---------- 10. Team ---------- */
.team__social__link li {
    margin-left: 4px;
    margin-right: 0;
}

/* ---------- 11. Counter-up / call-to-action ---------- */
.htc__callto__action {
    text-align: right;
}

/* ---------- 12. Testimonials / quote form (RTL) ---------- */
.htc__testimonial__wrap .section__title,
.reguest__quote .section__title {
    text-align: right;
}

.testimonial--achievements-full .testimonial__thumb {
    margin-left: 64px;
    margin-right: 0;
}
.testimonial--achievements-full .testimonial__details {
    padding-right: 24px;
}
.testimonial--achievements-full .tes__icon {
    float: right;
    margin-right: 14px;
}

.testimonial__thumb {
    float: right;
    margin-left: 25px;
    margin-right: 0;
}
.testimonial__details {
    overflow: hidden;
    text-align: right;
}
.tes__icon {
    float: left;
}

.clint__comment__form input,
.clint__comment__form textarea {
    text-align: right;
}

/* ---------- 13. Blog ---------- */
.blog,
.blog__details {
    text-align: right;
}
.blog__meta {
    text-align: right;
}
.blog__meta li {
    margin-left: 12px;
    margin-right: 0;
}
.blog__meta li:last-child {
    margin-left: 0;
}
.blog__btn a i {
    margin-right: 8px;
    margin-left: 0;
    transform: scaleX(-1);
    display: inline-block;
}

.blog__sidebar,
.blog__sidebar h2,
.blog__sidebar h4,
.search__widget,
.recent__post,
.archives,
.categori,
.tag {
    text-align: right;
}
.search__widget input {
    text-align: right;
    padding-right: 18px;
    padding-left: 50px;
}
.search__widget button,
.search__widget .search__btn {
    right: auto;
    left: 0;
}
.recent__post li {
    text-align: right;
}
.recent__post li .post__thumb {
    float: right;
    margin-left: 15px;
    margin-right: 0;
}
.tag a {
    margin-left: 5px;
    margin-right: 0;
}

.comment__wrap .single__comment {
    text-align: right;
}
.comment__wrap .single__comment .author__thumb {
    float: right;
    margin-left: 25px;
    margin-right: 0;
}
.comment__wrap .single__comment .comment__details {
    overflow: hidden;
}
.comment__wrap .reply a {
    float: left;
}

/* ---------- 15. Newsletter ---------- */
.newsletter__wrap {
    text-align: center;
}
.newsletter__thumb {
    right: auto;
    left: 5%;
}
.htc__news__inner .news__input input {
    text-align: right;
    padding-right: 25px;
    padding-left: 180px;
}
.htc__news__inner .subscribe__btn {
    right: auto;
    left: 0;
}

/* ---------- 16. Contact bar (RTL) ---------- */
.contact-bar {
    direction: rtl;
}
.contact-bar__item {
    flex-direction: row;
}
.contact-bar__item--emails .contact-bar__links {
    direction: ltr;
}
.htc__contact__wrap .ht__address__inner {
    text-align: right;
}
.ht__address__icon {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}
.ht__address__details {
    overflow: hidden;
    text-align: right;
}

/* ---------- 17. Contact page (RTL text) ---------- */
.contact__info__wrap,
.contact__info__wrap h2,
.contact__address li,
.contact__form__wrap {
    text-align: right;
}
.contact__address li i {
    margin-left: 12px;
    margin-right: 0;
}

.htc__contact__area .ct__address__icon {
    margin-right: 0;
    margin-left: 32px;
}

/* ---------- 18. Footer (RTL) ---------- */
.site-footer__about,
.site-footer__services,
.site-footer__follow,
.site-footer__text,
.site-footer__links {
    text-align: right;
}
.site-footer__follow .footer__social {
    justify-content: flex-end;
}
.copyright__bar {
    direction: rtl;
}
.copyright__bar .copyright__text,
.copyright__bar .footer__secondary,
.copyright__bar .footer__secondary-links,
.copyright__bar .footer__secondary-links li,
.copyright__bar .footer__secondary-links a {
    align-items: center;
    display: flex;
}
.footer,
.footer__widget,
.ft__title,
.ft__details,
.footer__link {
    text-align: right;
}
.ft__menu {
    float: right;
    margin-left: 30px;
    margin-right: 0;
}
.ft__menu:last-child {
    margin-left: 0;
}
.ft__menu li a {
    padding-right: 18px;
    padding-left: 0;
    position: relative;
}
.ft__menu li a:before {
    right: 0;
    left: auto;
}

.footer__instagram li {
    float: right;
    margin-left: 5px;
    margin-right: 0;
}

.home-quote-strip__intro,
.home-quote-strip__form {
    text-align: right;
}
.home-quote-strip__form .clint__submit__btn {
    text-align: right;
}

/* ---------- Scroll up (RTL) — keep on right; WhatsApp stays bottom-left ---------- */
@media (max-width: 767px) {
    #scrollUp {
        bottom: 88px;
        right: 20px;
    }
}

/* ---------- 19. Breadcrumb ---------- */
.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

/* ---------- 20. Login / Register forms ---------- */
.htc__login__register__wrap,
.login__form,
.register__form {
    text-align: right;
}
.login__form input,
.register__form input,
.login-form-wrapper input {
    text-align: right;
}
.htc__login__btn,
.htc__login__btn--2 {
    text-align: right;
}
.lost__password {
    text-align: left;
}

/* ---------- 21. Inputs / textarea general ---------- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea {
    text-align: right;
}

input[type="email"],
input[type="tel"],
input[type="password"] {
    direction: ltr;
    text-align: right;
}

/* ---------- 22. Buttons with arrow icons (flip arrows visually) ---------- */
.htc__btn i,
.bst__btn i,
.about__btn a i,
.blog__btn a i {
    display: inline-block;
    transform: scaleX(-1);
}

/* ---------- 23. Responsive top-bar tidy ---------- */
@media (max-width: 767px) {
    .header-top-bar__group--meta,
    .header-top-bar__group--actions {
        justify-content: center;
    }

    .testimonial--achievements-full .testimonial__thumb {
        margin-left: 0;
        margin-right: 0;
    }
}