/* 
    RTL Fixes for Nadeem Rafiq & Partners (Arabic Version)
    Centralized fixes for Right-to-Left layout.
*/

/* Global RTL defaults */
html[dir="rtl"], 
html[dir="rtl"] body, 
html[dir="rtl"] #main_content,
html[dir="rtl"] .site_wrapper {
    text-align: right !important;
    direction: rtl !important;
}

/* Header Flipping */
html[dir="rtl"] .gt3_header_builder__section-container {
    display: flex !important;
    flex-direction: row-reverse !important;
}

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

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

/* Force Flex order for logo and menu */
html[dir="rtl"] .middle_left.left.header_side {
    order: 2 !important;
}
html[dir="rtl"] .middle_right.right.header_side {
    order: 1 !important;
}

/* Menu items should flow correctly */
html[dir="rtl"] .main-menu > ul {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
}

html[dir="rtl"] .main-menu ul li {
    text-align: right !important;
}

/* Column Flipping for WPBakery */
html[dir="rtl"] .vc_row:not(.vc_inner) {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row-reverse !important;
}

html[dir="rtl"] .vc_inner.vc_row {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row-reverse !important;
}

/* Fix WPBakery column width and floats */
html[dir="rtl"] .vc_column_container {
    float: none !important;
    width: 100%; /* Fallback */
}

@media (min-width: 768px) {
    html[dir="rtl"] .vc_col-sm-4 { width: 33.33333333% !important; }
    html[dir="rtl"] .vc_col-sm-6 { width: 50% !important; }
    html[dir="rtl"] .vc_col-sm-8 { width: 66.66666667% !important; }
    html[dir="rtl"] .vc_col-sm-3 { width: 25% !important; }
    html[dir="rtl"] .vc_col-sm-12 { width: 100% !important; }
}

/* Directional Icons Transformation */
html[dir="rtl"] .fa-chevron-right, 
html[dir="rtl"] .fa-arrow-right, 
html[dir="rtl"] .fa-long-arrow-right, 
html[dir="rtl"] .fa-angle-right,
html[dir="rtl"] .gt3_icon_box__icon i,
html[dir="rtl"] .gt3_practice_list__link:after,
html[dir="rtl"] .rs-arrow,
html[dir="rtl"] .gt3_icon_box__icon img {
    transform: scaleX(-1) !important;
}

/* Padding/Margin Flipping */
html[dir="rtl"] .gt3_icon_box_icon-position_left .gt3_icon_box__icon {
    margin-right: 0 !important;
    margin-left: 21px !important;
}

html[dir="rtl"] .gt3_icon_box_icon-position_left .gt3_icon_box-content-wrapper {
    text-align: right !important;
}

/* Footer Fixes */
html[dir="rtl"] .main_footer .gt3_span4, 
html[dir="rtl"] .main_footer .gt3_span6,
html[dir="rtl"] .main_footer .gt3_span3,
html[dir="rtl"] .main_footer .gt3_span12 {
    text-align: right !important;
}

html[dir="rtl"] .top_footer .row {
    display: flex !important;
    flex-direction: row-reverse !important;
}

/* Sticky Menu Fix */
html[dir="rtl"] #mysticky-nav.wrapfixed .myfixed {
    right: 0 !important;
    left: auto !important;
}

/* Text alignment for common elements */
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"] span, html[dir="rtl"] div {
    text-align: inherit; /* Should inherit from body/section */
}

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