/* Import main Commercial Grinding theme styles */
@import url("style.css");

/* Add RTL direction */
html {
    direction: rtl;
}

body {
    direction: rtl;
    text-align: right;
}

/* Key Features - flip margins */
.key-features .wp-block-column {
    margin-right: 5px;
    margin-left: 5px;
}

/* Feature images - flip positioning */
@media (min-width: 767px) {
    .feature-right-img img {
        right: 15%;
        left: auto;
    }
    
    .feature-left-img img {
        left: 15%;
        right: auto;
    }
    
    .feature-left-img .Pageblock-25LinkText {
        text-align: right;
        padding-right: 0;
        padding-left: 15px;
    }
    
    .feature-left-img .Pageblock-25LinkDecoration {
        left: 170px;
        right: auto;
    }
}

/* Feature project and left img margins */
.feature-project,
.feature-left-img {
    margin: 5% 15px 5% 15px; /* Keep same for symmetry */
}

/* Logo media body */
.logo .media-body {
    padding-right: 25px;
    padding-left: 0;
}

/* Header link padding */
.header-link {
    padding: 0 30px 0 0;
}

/* Cyclone slider caption - flip transforms and positioning */
.cycloneslider-template-custome .cycloneslider-caption-description,
.cycloneslider-template-standard .cycloneslider-caption-description {
    padding: 0 0 0 70px;
    margin-right: auto;
    margin-left: 0;
}

/* Carousel read more - flip transforms and positioning */
.cycloneslider-template-custome .carousel-readmore-link,
.cycloneslider-template-standard .carousel-readmore-link {
    margin-left: -71px;
    margin-right: 0;
}

.carousel-readmore-link span {
    padding: 0 0 0 20px;
}

.carousel-readmore-link:after {
    left: 0;
    right: auto;
}

.carousel-readmore-link span:before {
    right: 100%;
    left: auto;
}

.carousel-readmore-link span:after {
    right: calc(100% + 170px);
    left: auto;
}

/* Slider button transforms */
a.slider-btn:after {
    left: -130%;
    right: auto;
}

a.slider-btn span.arrow:before {
    right: 100%;
    left: auto;
}

a.slider-btn span.arrow:after {
    right: calc(100% + 170px);
    left: auto;
}

/* Caption positioning */
.cycloneslider-template-standard .cycloneslider-caption {
    right: 0;
    left: auto;
    text-align: right;
}

/* Search modal close */
#SearchModal .close {
    left: 45px;
    right: auto;
}

/* Modal search form control */
.modal-search .form-control {
    padding-right: 30px;
    padding-left: 0;
}

/* Modal menu positioning */
.modal-menu {
    left: 0;
    right: auto;
}

.MainMenuhModalClose {
    left: 30px;
    right: auto;
}

/* Modal menu sidebar */
.modal-menu-sidebar {
    padding: 160px 0 0 65px;
}

/* Main menu padding */
.main-menu ul li a {
    padding: 30px 0 30px 30px;
}

.main-menu ul ul {
    padding-right: 60px;
    padding-left: 0;
}

/* Grid systems */
.grid-10 {
    margin-right: -5px;
    margin-left: -5px;
}

.grid-20 {
    margin-right: -10px;
    margin-left: -10px;
}

.grid-20-wrap .row {
    margin-right: -10px;
    margin-left: -10px;
}

/* MBC content */
.mbc-content_maxwidth-1170 {
    padding-right: 15px;
    padding-left: 15px;
}

/* Pageblock positioning */
.Pageblock-subtitleDecoration {
    right: 60px;
    left: auto;
}

.Pageblock-subtitleDecorationborder {
    margin-right: auto;
    margin-left: 0;
}

.noanchor a {
    float: right;
}

/* Pageblock text wrapper */
.Pageblock-textWrapper > div {
    padding: 60px 80px 40px 0;
}

.Pageblock-textWrapper h2:after {
    left: 100%;
    right: auto;
    margin-left: 20px;
    margin-right: 0;
}

.Pageblock-textWrapper.alignment-right > div {
    padding: 60px 0 40px 80px;
}

.Pageblock-textWrapper.alignment-right h2:after {
    left: auto;
    right: 100%;
    margin: 0 20px 0 0;
}

/* L-pageblocks */
.l-pageblocks .l-contentWrapper {
    padding-right: 15px;
    padding-left: 15px;
}

/* Box types margins */
.box-types .wp-bootstrap-blocks-row .Pageblock-subtitleDecorationborder {
    margin: 18px 0 5px auto !important;
}

/* Pageblock container */
@media (min-width: 992px) {
    .Pageblock-container {
        padding-right: 40px;
        padding-left: 0;
    }
}

/* Pageblock 75 outer wrapper */
@media (min-width: 992px) {
    .Pageblock-75OuterWrapper {
        padding-left: 10%;
        padding-right: 0;
    }
}

/* Pageblock 25 link text */
.Pageblock-25LinkText {
    padding: 20px 15px 0 12px;
    text-align: left;
}

.Pageblock-25LinkDecoration {
    left: 0;
    right: auto;
}

.Pageblock-25LinkDecoration hr {
    left: 50px;
    right: auto;
}

.Pageblock-25LinkDecoration:after {
    left: 20px;
    right: auto;
}

/* Tech box */
@media (min-width: 992px) {
    .tech-box > .row > div[class*='col-'] > div .paddingall {
        right: 45px;
        left: auto;
    }
}

.tech-box > .row > div[class*='col-'] > div .Pageblock-subtitleDecorationborder {
    margin: 0 auto 20px 0 !important;
}

.tech-box > .row > div[class*='col-'] > div ul {
    padding: 0 30px 0 0;
}

/* Search form */
.searchform .cus-arrow:after {
    left: 0;
    right: auto;
}

.searchform .cus-search-icon .search-submit {
    left: 0;
    right: auto;
}

/* Footer widget area */
.footer-widgets-wrapper {
    margin-left: -4rem;
    margin-right: 0;
}

.footer-widgets {
    margin-left: 4rem;
    margin-right: 0;
}

/* Fixed header */
@media (min-width: 992px) {
    .headermn {
        right: 0;
        left: 0;
    }
    
    .MainMenu.Subnav {
        right: 0;
        left: 0;
    }
}

/* Accordion */
.c-accordion__title:after {
    left: -15px;
    right: auto;
}

/* Page specific - granulizer heading */
.gran-u-lizer-heading {
    margin-right: auto;
    margin-left: auto;
}

/* Page specific buttons */
.page-id-16613 .button-style {
    margin-right: auto;
    margin-left: auto;
}

/* MAForm overrides for RTL */
body form.maForm .maFormElement:last-of-type {
    text-align: right;
}

/* Customli for specific pages */
.page-id-7314 .customli {
    padding: 15px 50px 15px 0;
}

/* Only flip essential elements for RTL */
input, textarea {
    direction: rtl;
    text-align: right;
}

/* Standard float flips */
.alignleft {
    float: right;
    margin: 0.3rem 0 2rem 2rem;
}

.alignright {
    float: left;
    margin: 0.3rem 2rem 2rem 0;
}
/* Fix alignfull positioning for RTL */
.alignfull {
    right: 50%;
    left: auto;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
}

/* Fix other margin auto positioning for RTL */

/* Pageblock subtitle decoration border - original was margin: 0!important; margin-left: auto; */
.Pageblock-subtitleDecorationborder {
    margin-right: auto !important;
    margin-left: 0 !important;
}

/* Box types margin fix */
.box-types .wp-bootstrap-blocks-row .Pageblock-subtitleDecorationborder {
    margin: 18px auto 5px 0 !important;
}

/* Maxwidth centering */
.maxwidth {
    margin: 0 auto; /* This is fine as-is for centering */
}

/* Any other auto margins that need flipping */
.gran-u-lizer-heading {
    margin-right: auto;
    margin-left: auto; /* Center is fine */
}
.Pageblock-textWrapper.alignment-right {
    text-align: left;
}
.c-accordion__title:after {
    padding: 0px 13px;
    right: -15px;
}
/* Revolution slider responsive adjustments for RTL */
@media only screen and (min-width: 361px) and (max-width: 480px) {
    rs-module h1.rs-layer, rs-module h2.rs-layer, rs-module h3.rs-layer, 
    rs-module h4.rs-layer, rs-module h5.rs-layer, rs-module h6.rs-layer, 
    rs-module div.rs-layer, rs-module span.rs-layer, rs-module p.rs-layer {
        right: 5% !important;
        left: auto !important;
    }
}

@media (max-width: 360px) {
    rs-module h1.rs-layer, rs-module h2.rs-layer, rs-module h3.rs-layer, 
    rs-module h4.rs-layer, rs-module h5.rs-layer, rs-module h6.rs-layer, 
    rs-module div.rs-layer, rs-module span.rs-layer, rs-module p.rs-layer {
        right: -24% !important;
        left: auto !important;
    }
}
/* Tabs SLider */
/* SP Tabs Plugin RTL Fixes - Comprehensive */

/* Force tab content to display properly */
.sp-tab__tab-content > .sp-tab__tab-pane {
    display: none !important;
}

.sp-tab__tab-content > .sp-tab__active {
    display: block !important;
    opacity: 1 !important;
    height: auto !important;
}

/* Fix the tab navigation structure */
.sp-tab__lay-default .sp-tab__nav {
    direction: ltr; /* Keep navigation in LTR for functionality */
}

/* But keep the text RTL */
.sp-tab__lay-default .sp-tab__nav-link {
    direction: rtl;
    text-align: right;
}

/* Fix arrow positioning more aggressively */
.sp-tab__lay-default .sp-tab__nav-tabs-scrollable button.slick-prev {
    right: 10px !important;
    left: auto !important;
}

.sp-tab__lay-default .sp-tab__nav-tabs-scrollable button.slick-next {
    left: 10px !important;
    right: auto !important;
}

/* Ensure slick slider works in RTL */
.sp-tab__lay-default > .sp-tab__nav-tabs-scrollable.slick-initialized {
    direction: ltr; /* Keep slider mechanics LTR */
}

/* Fix the slick list margins */
.sp-tab__lay-default > .sp-tab__nav-tabs-scrollable > .slick-list {
    margin-left: 72px !important;
    margin-right: 72px !important;
}

/* Force tab content visibility */
.sp-tab__tab-content {
    direction: rtl;
    text-align: right;
}

/* Override any hidden styles */
.sp-tab__tab-content > .sp-tab__tab-pane.sp-tab__active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}

/* Fix the before/after arrow overlays */
#sp-tab__ul .next-before,
#sp-tab__ul .prev-before {
    display: none !important; /* Disable these overlays that might be interfering */
}

/* Ensure proper tab switching */
.sp-tab__lay-default .sp-tab__nav-link.sp-tab__active {
    display: flex !important;
}

/* Fix any transform issues */
.sp-tab__preloader {
    right: 50%;
    left: auto;
    transform: translateX(50%) translateY(-50%);
}
/* Fix customli list markers for page ID 41679 only */
.page-id-41679 .customli {
    padding: 15px 50px 15px 0; /* Flip the left/right padding */
    list-style-position: inside; /* Ensure markers show inside the container */
    list-style-type: circle;
}

.page-id-41679 .customli li {
    text-align: right;
    direction: rtl;
    list-style: circle; /* Keep the original marker */
}

/* Remove any custom pseudo-element markers I accidentally added */
.page-id-41679 .customli li::before {
    content: none !important;
}