/* RTL layout — Renegade Digital (Arabic default) */

html[dir='rtl'] {
    direction: rtl;
}

html[dir='rtl'] body {
    font-family: 'Noto Sans Arabic', 'Poppins', sans-serif;
}

/* Arabic CMS pages: centered typography (do not inherit global right align) */
html[dir='rtl'] main#main-content {
    text-align: center;
}

/* Blog list / detail: directional text, not centered */
html[dir='rtl'] main#main-content .blog-page,
html[dir='rtl'] main#main-content .blog-page .blog-list-area,
html[dir='rtl'] main#main-content .blog-page .blog-post-card__body,
html[dir='rtl'] main#main-content .blog-page .blog-widget,
html[dir='rtl'] main#main-content .blog-page .blog-widget__head,
html[dir='rtl'] main#main-content .blog-page .blog-widget__body,
html[dir='rtl'] main#main-content .blog-page .blog-search-label,
html[dir='rtl'] main#main-content .blog-page .blog-search-alert,
html[dir='rtl'] main#main-content .blog-page .cms-prose {
    text-align: right !important;
}

html[dir='ltr'] main#main-content .blog-page,
html[dir='ltr'] main#main-content .blog-page .blog-list-area {
    text-align: left;
}

html[dir='rtl'] main#main-content .blog-page .blog-post-card__title,
html[dir='rtl'] main#main-content .blog-page .blog-post-card__meta,
html[dir='rtl'] main#main-content .blog-page .blog-post-card__excerpt,
html[dir='rtl'] main#main-content .blog-page .blog-post-card__excerpt p,
html[dir='rtl'] main#main-content .blog-page .blog-widget__title,
html[dir='rtl'] main#main-content .blog-page .blog-widget__link,
html[dir='rtl'] main#main-content .blog-page .blog-latest-row a:last-child {
    text-align: right !important;
}

html[dir='ltr'] main#main-content .blog-page .blog-post-card__title,
html[dir='ltr'] main#main-content .blog-page .blog-post-card__meta,
html[dir='ltr'] main#main-content .blog-page .blog-post-card__excerpt,
html[dir='ltr'] main#main-content .blog-page .blog-widget__title,
html[dir='ltr'] main#main-content .blog-page .blog-widget__link,
html[dir='ltr'] main#main-content .blog-page .blog-latest-row a:last-child {
    text-align: left !important;
}

/* Blog post detail: directional text, not centered (inherits main#main-content center on RTL) */
html[dir='rtl'] body.blog-post-page main#main-content .post-show .post-content,
html[dir='rtl'] body.blog-post-page main#main-content .post-show .content-container.content,
html[dir='rtl'] body.blog-post-page main#main-content .post-show .block-text,
html[dir='rtl'] body.blog-post-page main#main-content .post-show .block-text__body,
html[dir='rtl'] body.blog-post-page main#main-content .post-show .post-summary-lead {
    text-align: right !important;
}

html[dir='rtl'] body.blog-post-page main#main-content .post-show .content-container.content :is(h1, h2, h3, h4, h5, h6, p, li, ul, ol),
html[dir='rtl'] body.blog-post-page main#main-content .post-show .block-text__body :is(h1, h2, h3, h4, h5, h6, p, li, ul, ol) {
    text-align: right !important;
}

html[dir='ltr'] body.blog-post-page main#main-content .post-show .post-content,
html[dir='ltr'] body.blog-post-page main#main-content .post-show .content-container.content,
html[dir='ltr'] body.blog-post-page main#main-content .post-show .block-text,
html[dir='ltr'] body.blog-post-page main#main-content .post-show .block-text__body,
html[dir='ltr'] body.blog-post-page main#main-content .post-show .post-summary-lead {
    text-align: left !important;
}

html[dir='ltr'] body.blog-post-page main#main-content .post-show .content-container.content :is(h1, h2, h3, h4, h5, h6, p, li, ul, ol),
html[dir='ltr'] body.blog-post-page main#main-content .post-show .block-text__body :is(h1, h2, h3, h4, h5, h6, p, li, ul, ol) {
    text-align: left !important;
}

html[dir='rtl'] main#main-content .text-center,
html[dir='rtl'] main#main-content .text-center h1,
html[dir='rtl'] main#main-content .text-center h2,
html[dir='rtl'] main#main-content .text-center h3,
html[dir='rtl'] main#main-content .text-center h4,
html[dir='rtl'] main#main-content .text-center h5,
html[dir='rtl'] main#main-content .text-center h6,
html[dir='rtl'] main#main-content .text-center p,
html[dir='rtl'] main#main-content .text-center .btn-1,
html[dir='rtl'] main#main-content .text-center .btn-5 {
    text-align: center !important;
}

html[dir='rtl'] main#main-content .contact,
html[dir='rtl'] main#main-content .contact-form,
html[dir='rtl'] main#main-content form {
    text-align: right;
}

html[dir='rtl'] main#main-content form input,
html[dir='rtl'] main#main-content form textarea,
html[dir='rtl'] main#main-content form select {
    text-align: right;
}

/* Typography: no per-character animation (breaks Arabic shaping) */
html[dir='rtl'] .splitting .char,
html[dir='rtl'] .splitting.animated .char,
html[dir='rtl'] .splitting.txt.animated .char {
    display: inline !important;
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    -webkit-animation: none !important;
}

html[dir='rtl'] .splitting .whitespace {
    width: 0.35em;
}

html[dir='rtl'] h1,
html[dir='rtl'] h2,
html[dir='rtl'] h3,
html[dir='rtl'] h4,
html[dir='rtl'] h5,
html[dir='rtl'] h6,
html[dir='rtl'] p {
    letter-spacing: 0;
    word-spacing: normal;
}

/* Navbar */
html[dir='rtl'] .navbar {
    left: auto;
    right: 0;
}

html[dir='rtl'] .nav-scroll {
    left: auto;
    right: 0;
}

html[dir='rtl'] .logo-wrapper {
    float: right;
}


html[dir='rtl'] .navbar-nav.ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

html[dir='rtl'] .navbar-right {
    margin-left: 0;
    margin-right: 0;
}

html[dir='rtl'] .navbar-right .wrap {
    flex-direction: row-reverse;
    text-align: right;
    margin-left: 0;
    margin-right: 30px;
}

html[dir='rtl'] .navbar .dropdown-menu {
    text-align: right;
    right: 0;
    left: auto;
}

html[dir='rtl'] .navbar .dropdown-menu .dropdown-item i {
    float: left;
    padding: 10px 5px 0 0;
}

html[dir='rtl'] .navbar .dropdown-menu li:hover {
    padding-left: 0;
    padding-right: 5px;
}

html[dir='rtl'] .navbar .dropdown-menu .dropdown-menu.pull-left {
    right: 100%;
    left: auto;
}

html[dir='rtl'] .dropdown .nav-link i {
    padding-left: 0;
    padding-right: 1px;
}

html[dir='rtl'] .navbar-toggler {
    margin-left: 0;
    margin-right: auto;
}

@media (max-width: 991.98px) {
    html[dir='rtl'] .navbar-collapse {
        text-align: right;
    }
}

/* Hero / slider */
html[dir='rtl'] .header.slider-fade,
html[dir='rtl'] .slider-fade.owl-carousel,
html[dir='rtl'] .header.slider-fade .owl-carousel,
html[dir='rtl'] .slider-fade .owl-stage-outer,
html[dir='rtl'] .slider-fade .owl-stage,
html[dir='rtl'] .slider-fade .owl-item {
    min-height: 100vh;
    visibility: visible !important;
    opacity: 1 !important;
}

html[dir='rtl'] .slider-fade .item {
    left: auto;
    right: 0;
}

html[dir='rtl'] .slider-fade .item .caption {
    direction: rtl;
}

html[dir='rtl'] .slider-fade .item .text-center,
html[dir='rtl'] .slider-fade .item .text-center h1,
html[dir='rtl'] .slider-fade .item .text-center h2,
html[dir='rtl'] .slider-fade .item .text-center p,
html[dir='rtl'] .slider-fade .item .text-center .btn-1 {
    text-align: center !important;
}

html[dir='rtl'] .slider-fade .col-md-12:not(.text-center):not(.text-end) h1,
html[dir='rtl'] .slider-fade .col-md-12:not(.text-center):not(.text-end) h2,
html[dir='rtl'] .slider-fade .col-md-12:not(.text-center):not(.text-end) p {
    direction: rtl;
    text-align: center;
}

html[dir='rtl'] .slider-fade .col-md-12.text-end {
    text-align: left !important;
}

html[dir='rtl'] .slider-fade .owl-theme .owl-nav .owl-prev {
    left: auto !important;
    right: 10px !important;
}

html[dir='rtl'] .slider-fade .owl-theme .owl-nav .owl-next {
    right: auto !important;
    left: 10px !important;
}

html[dir='rtl'] .owl-carousel {
    direction: rtl;
}

html[dir='rtl'] .owl-carousel .owl-item {
    direction: rtl;
}

/* Sections */
html[dir='rtl'] .banner-header .breadcrumbs,
html[dir='rtl'] .banner-header h1,
html[dir='rtl'] .banner-header h6 {
    text-align: center !important;
}

html[dir='rtl'] .line-hr-section.center {
    margin-left: auto;
    margin-right: auto;
}

html[dir='rtl'] .section-padding .text-center,
html[dir='rtl'] main#main-content .section-padding h2,
html[dir='rtl'] main#main-content .section-padding h6 {
    text-align: center !important;
}

/* About block */
html[dir='rtl'] main#main-content .about.section-padding .col-md-7,
html[dir='rtl'] main#main-content .about.section-padding .col-md-7 h2,
html[dir='rtl'] main#main-content .about.section-padding .col-md-7 h6,
html[dir='rtl'] main#main-content .about.section-padding .col-md-7 p,
html[dir='rtl'] main#main-content .about.section-padding .col-md-7 ul,
html[dir='rtl'] main#main-content .about.section-padding .col-md-7 li {
    text-align: center !important;
}

html[dir='rtl'] main#main-content .about.section-padding ul.list {
    list-style-position: inside;
    padding-inline-start: 0;
}

/* Services cards */
html[dir='rtl'] main#main-content .services .item .wrap .con,
html[dir='rtl'] main#main-content .services .item .wrap .con h4,
html[dir='rtl'] main#main-content .services .item .wrap .con p {
    text-align: center !important;
}

html[dir='rtl'] .services .item .wrap .numb {
    right: auto;
    left: -15px;
    text-align: start;
}

html[dir='rtl'] .services .item .wrap .icon-1 {
    margin-bottom: 25px;
}

html[dir='rtl'] .services .item .wrap .icon-1 i {
    display: inline-block;
}

html[dir='rtl'] .services .item .wrap .con .icon-2 {
    margin-top: 0.5rem;
}

html[dir='rtl'] .services .item .wrap .con .icon-2 a .fa-arrow-right {
    transform: scaleX(-1);
    display: inline-block;
}

/* Header phone CTA */
html[dir='rtl'] #header.site-header-nav--acens .navbar .navbar-right .wrap {
    flex-direction: row-reverse;
    text-align: right;
}

html[dir='rtl'] #header.site-header-nav--acens .navbar .navbar-right .wrap .icon {
    margin-left: 12px;
    margin-right: 0;
}

/* Accordion (theme .accordion-box) — no stray list bullets */
html[dir='rtl'] ul.accordion-box,
html[dir='rtl'] ul.accordion-box > li {
    list-style: none !important;
    padding-inline-start: 0 !important;
    margin-inline-start: 0 !important;
}

html[dir='rtl'] main#main-content .accordion-box .block .acc-btn,
html[dir='rtl'] main#main-content .accordion-box .block .content .text {
    text-align: right !important;
}

html[dir='rtl'] .accordion-box .block .acc-btn {
    padding-inline-start: 30px;
    padding-inline-end: 60px;
}

html[dir='rtl'] .accordion-box .block .acc-btn:before {
    right: auto;
    left: 35px;
}

html[dir='rtl'] .accordion-box .block .acc-btn .count {
    padding-inline-end: 0;
    padding-inline-start: 0.35em;
    display: inline-block;
}

/* CMS / FAQ prose lists — markers on the right */
html[dir='rtl'] main#main-content .cms-prose ul,
html[dir='rtl'] main#main-content .about-content ul,
html[dir='rtl'] main#main-content .accordion-box .text ul,
html[dir='rtl'] main#main-content .contact ul.list {
    list-style-position: outside;
    padding-inline-start: 1.35em;
    padding-inline-end: 0;
    margin-inline-start: 0;
    text-align: right;
}

html[dir='rtl'] main#main-content ul.list-unstyled {
    list-style: none !important;
    padding-inline-start: 0 !important;
}

/* Phone numbers & emails (LTR inside RTL) — not form inputs (keep block layout) */
html[dir='rtl'] .phone-ltr:not(input):not(textarea),
html[dir='rtl'] a[href^='tel:'] .phone-ltr,
html[dir='rtl'] .phone a,
html[dir='rtl'] #header .navbar-right .wrap .text h5 a {
    direction: ltr;
    unicode-bidi: embed;
    display: inline-block;
    text-align: left;
}

html[dir='rtl'] .contact input[type='tel'],
html[dir='rtl'] .contact__form input[type='tel'],
html[dir='rtl'] main#main-content form input[type='tel'] {
    direction: ltr;
    text-align: left;
}

html[dir='rtl'] a[href^='mailto:'] {
    direction: ltr;
    unicode-bidi: embed;
    display: inline-block;
}

/* Contact / forms */
html[dir='rtl'] .con,
html[dir='rtl'] .contact .con {
    flex-direction: row-reverse;
    text-align: right;
    align-items: flex-start;
    gap: 0;
}

html[dir='rtl'] .contact .con .icon {
    margin-right: 0 !important;
    margin-left: 15px !important;
    flex-shrink: 0;
}

html[dir='rtl'] .contact .con .con-content {
    flex: 1;
    text-align: right;
}

html[dir='rtl'] .contact.section-padding .col-lg-6:first-child {
    text-align: right;
}

html[dir='rtl'] input,
html[dir='rtl'] textarea,
html[dir='rtl'] select {
    text-align: right;
}

html[dir='rtl'] .form-group label {
    text-align: right;
    display: block;
}

/* Footer */
html[dir='rtl'] .footer .top,
html[dir='rtl'] .footer .bottom,
html[dir='rtl'] .footer .list,
html[dir='rtl'] .copyrights {
    text-align: right;
}

html[dir='rtl'] .footer .col-md-6 .copyrights.d-flex.justify-content-end {
    justify-content: flex-start !important;
}

html[dir='rtl'] .footer .social a {
    margin-left: 0;
    margin-right: 0.5rem;
}

/* Footer quick links — theme dots via ::before (left in LTR) */
html[dir='rtl'] .footer .list li a {
    padding-left: 0;
    padding-right: 15px;
}

html[dir='rtl'] .footer .list li a:hover {
    padding-left: 0;
    padding-right: 15px;
}

html[dir='rtl'] .footer .list li a::before {
    left: auto;
    right: 0;
}

/* Buttons & icons */
html[dir='rtl'] .btn-1 i,
html[dir='rtl'] .btn-5 i {
    margin-inline-start: 0.35rem;
    margin-inline-end: 0;
}

html[dir='rtl'] .btn-1 .phone-ltr,
html[dir='rtl'] .btn-5 .phone-ltr {
    margin-inline-start: 0.35rem;
}

html[dir='rtl'] .progress-wrap {
    left: 20px;
    right: auto;
}

/* Banner CTA */
html[dir='rtl'] .lets-talk .btn-1,
html[dir='rtl'] .lets-talk .btn-5 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

/* Portfolio / works grid */
html[dir='rtl'] .works .con,
html[dir='rtl'] .portfolio .con {
    text-align: right;
}

/* Avoid broken nested wrappers */
.wrapper > .wrapper {
    display: contents;
}

/* Sticky header spacing */
html[dir='rtl'] .sticky-header .max-container {
    width: 100%;
}