/* ==========================================================================
   BiziPress RTL Stylesheet
   Tailored specifically for BiziPress HTML5 Template in Arabic (dir="rtl")
   ========================================================================== */

/* Google Font Cairo is loaded via <link> in partials/head.blade.php */

/* --- 1. Global Typography & Direction --- */
html[dir="rtl"],
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Asap', sans-serif;
}

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,
html[dir="rtl"] a,
html[dir="rtl"] span,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] label,
html[dir="rtl"] .btn,
html[dir="rtl"] .nav-link,
html[dir="rtl"] .dropdown-item {
    font-family: 'Cairo', sans-serif !important;
}

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

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

/* --- 2. Top Bar --- */
html[dir="rtl"] .top-info {
    float: right;
    padding-right: 0;
}

html[dir="rtl"] .top-info li {
    float: right;
}

html[dir="rtl"] .top-info .info-icon {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .top-info .info-wrapper {
    margin-right: 0;
    margin-left: 30px;
    padding-right: 0;
    padding-left: 10px;
}

html[dir="rtl"] .top-info .info-wrapper:after {
    right: auto;
    left: -15px;
}

html[dir="rtl"] .top-info li:last-child .info-wrapper {
    margin-left: 0;
}

html[dir="rtl"] .top-social {
    float: left;
    text-align: left;
    padding-left: 0;
}

/* Language Switcher Badge */
.lang-switcher-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.15);
    color: #FFFFFF !important;
    padding: 3px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, 0.3);
    margin-right: 15px;
    margin-left: 15px;
    transition: all 0.3s ease;
    text-decoration: none !important;
}

.lang-switcher-btn:hover {
    background: #2154CF;
    border-color: #2154CF;
    color: #FFFFFF !important;
}

/* --- 3. Header & Navigation --- */
html[dir="rtl"] .header-trans-leftbox .header-wrapper:before {
    right: auto !important;
    left: -300% !important;
}

html[dir="rtl"] .header-trans-leftbox .logo {
    padding-left: 0 !important;
    padding-right: 25px !important;
    float: right;
}

html[dir="rtl"] .brand-logo-lockup .brand-title {
    font-family: 'Cairo', sans-serif !important;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 0;
    text-align: right;
}

html[dir="rtl"] .brand-logo-lockup .brand-subtitle {
    font-family: 'Cairo', sans-serif !important;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    text-align: right;
    color: rgba(255, 255, 255, 0.85);
}

html[dir="rtl"] ul.navbar-nav {
    float: right;
    padding-right: 0;
}

html[dir="rtl"] ul.navbar-nav > li {
    float: right;
    padding-right: 0;
    padding-left: 10px;
}

html[dir="rtl"] ul.navbar-nav > li:last-child {
    padding-left: 0;
}

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

html[dir="rtl"] .dropdown-menu li a {
    text-align: right;
    white-space: nowrap;
}

html[dir="rtl"] .dropdown-submenu > a:after {
    content: "\f104" !important; /* fa-angle-left */
    float: left !important;
    margin-right: 0 !important;
    margin-left: -5px !important;
}

html[dir="rtl"] .dropdown-submenu.pull-left > .dropdown-menu,
html[dir="rtl"] .dropdown-submenu > .dropdown-menu {
    left: auto !important;
    right: 100% !important;
    margin-left: 0 !important;
    margin-right: 10px !important;
}

@media (min-width: 992px) {
    html[dir="rtl"] ul.navbar-nav > li > a i.fa-angle-down {
        margin-right: 6px !important;
        margin-left: 0 !important;
    }

    html[dir="rtl"] .site-nav-inner {
        padding-right: 0 !important;
        padding-left: 60px !important;
    }
}

@media (max-width: 991px) {
    html[dir="rtl"] .site-nav-inner {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    html[dir="rtl"] .header-trans-leftbox .logo {
        padding-right: 0 !important;
        padding-left: 0 !important;
        float: none !important;
    }
}

html[dir="rtl"] .nav-search {
    right: auto !important;
    left: 10px !important;
}

html[dir="rtl"] .search-block .search-close {
    right: auto !important;
    left: 25px !important;
}

/* Sticky Header in RTL */
html[dir="rtl"] .header-trans-leftbox.fixed .header-wrapper:before {
    right: auto !important;
    left: -300% !important;
}

/* --- 4. Main Slider --- */
html[dir="rtl"] #main-slide .carousel-inner {
    direction: ltr;
}

html[dir="rtl"] #main-slide .carousel-item .container {
    direction: rtl;
}

html[dir="rtl"] #main-slide .slider-content {
    text-align: right !important;
}

html[dir="rtl"] #main-slide .slider-content.text-center {
    text-align: center !important;
}

html[dir="rtl"] #main-slide .slider-content .btn {
    margin-right: 0;
    margin-left: 12px;
}

/* --- 5. Features Section --- */
html[dir="rtl"] .ts-feature-info.icon-left .feature-icon {
    float: right;
}

html[dir="rtl"] .ts-feature-info.icon-left .feature-content {
    margin-left: 0;
    margin-right: 80px;
}

/* --- 6. Services & Lists --- */
html[dir="rtl"] .ts-service-content {
    text-align: right;
}

html[dir="rtl"] .ts-service-icon i {
    right: auto;
    left: 0;
}

html[dir="rtl"] .link-more i,
html[dir="rtl"] .service-card-btn i {
    transform: rotate(180deg);
    display: inline-block;
    margin-right: 4px;
    margin-left: 0;
}

/* --- 7. Facts Section (Ultra-Premium RTL) --- */
html[dir="rtl"] .hawi-exec-content,
html[dir="rtl"] .hawi-bento-body,
html[dir="rtl"] .hawi-founder-plate {
    text-align: right;
}

html[dir="rtl"] .hawi-since-badge {
    left: auto;
    right: 20px;
}

html[dir="rtl"] .hawi-exec-gold-frame {
    left: 24px;
    right: 0;
}

/* --- 8. Testimonials, Owl Carousels & Quote --- */
html[dir="rtl"] .owl-carousel {
    direction: ltr;
}

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

html[dir="rtl"] .quote-item .quote-author {
    margin-left: 0;
    margin-right: 0;
}

html[dir="rtl"] .quote-item-footer {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-left: 110px;
}

html[dir="rtl"] img.testimonial-thumb {
    float: none;
    margin-right: 0 !important;
    margin-left: 0 !important;
    flex-shrink: 0;
}

html[dir="rtl"] .testimonial-slide .owl-nav {
    right: auto !important;
    left: 45px !important;
}

html[dir="rtl"] .hawi-quote-box,
html[dir="rtl"] .hawi-quote-box .form-control:not(.iti__tel-input):not([type="email"]),
html[dir="rtl"] .hawi-quote-section .quote-item {
    text-align: right;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] .hawi-email-ltr {
    direction: ltr !important;
    text-align: left !important;
}

html[dir="rtl"] .iti--inline-dropdown .iti__dropdown-content {
    left: 0 !important;
    right: auto !important;
    text-align: right;
}

html[dir="rtl"] .hawi-map-floating-card {
    text-align: right;
    margin-right: 0;
    margin-left: auto;
}

html[dir="rtl"] .hawi-news-card,
html[dir="rtl"] .hawi-news-large .post-body,
html[dir="rtl"] .hawi-cta-content,
html[dir="rtl"] .hawi-sd-card,
html[dir="rtl"] .hawi-sd-methodology-card,
html[dir="rtl"] .hawi-sd-sidebar-card,
html[dir="rtl"] .hawi-sd-exec-widget,
html[dir="rtl"] .hawi-sd-b2b-widget,
html[dir="rtl"] .hawi-services-toolbar,
html[dir="rtl"] .hawi-contact-channel-card,
html[dir="rtl"] .hawi-contact-branches-panel,
html[dir="rtl"] .hawi-contact-form-card,
html[dir="rtl"] .hawi-contact-input:not(.iti__tel-input):not([type="email"]),
html[dir="rtl"] .hawi-composer-textarea,
html[dir="rtl"] .hawi-textarea-composer {
    text-align: right;
}

html[dir="rtl"] .hawi-news-large .post-cat.hawi-news-badge {
    left: auto;
    right: 24px;
}

html[dir="rtl"] .footer-box-content .hawi-ltr-num {
    direction: ltr !important;
    text-align: right;
}

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

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

html[dir="rtl"] .iti__country .iti__dial-code {
    margin-left: 0 !important;
    margin-right: auto !important;
}

html[dir="rtl"] .hawi-phone-feedback {
    text-align: right;
    direction: rtl;
}

html[dir="rtl"] .hawi-quote-section .quote-item .quote-text:before {
    left: auto;
    right: 45px;
}

html[dir="rtl"] .hawi-quote-section .quote-item .quote-text:after {
    left: auto;
    right: 55px;
}

/* --- 9. Footer --- */
html[dir="rtl"] .footer-widget,
html[dir="rtl"] .footer-box {
    text-align: right;
}

html[dir="rtl"] .footer-about {
    padding-right: 15px;
    padding-left: 40px;
}

html[dir="rtl"] .footer-top .footer-box i,
html[dir="rtl"] .footer-box i {
    float: right;
    margin-right: 0;
    margin-left: 20px;
}

html[dir="rtl"] .footer-top .footer-box .footer-box-content,
html[dir="rtl"] .footer-box-content {
    margin-left: 0;
    margin-right: 85px;
    overflow: hidden;
    text-align: right;
}

html[dir="rtl"] .footer-widget ul.list-dash {
    padding-right: 0;
}

html[dir="rtl"] .footer-widget ul.list-dash li {
    float: right;
    text-align: right;
}

html[dir="rtl"] ul.list-dash li:before,
html[dir="rtl"] ul.footer-links li a:before {
    margin-right: 0;
    margin-left: 8px;
}

html[dir="rtl"] .footer-social ul {
    padding-right: 0;
}

html[dir="rtl"] .footer-social ul li {
    margin: 0 0 0 10px;
}

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

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

html[dir="rtl"] .footer-menu .nav {
    justify-content: flex-end;
}