/*
 * RTL Demo Override: Marketing-1
 * Mirrors directional properties from demo-marketing-1.css for RTL languages (ar, fa, ps).
 * Follows the same conventions as other Porto RTL demo files in master/rtl/css/demos/.
 */


/* ============================================
   CURSOR (minor - hidden on mobile anyway)
   ============================================ */
.cursor-inner {
    left: auto;
    right: 13px;
    background-image: linear-gradient(to left, var(--primary) 0%, var(--secondary) 100%) !important;
}


/* ============================================
   POSITION HELPERS
   ============================================ */

/* Badge top-left → top-right */
.custom-pos-3 {
    left: auto;
    right: -16px;
    right: -1rem;
}

/* Badge offset */
.custom-pos-5 {
    left: auto;
    right: 16px;
    right: 1rem;
}

/* Decorative element */
.custom-pos-8 {
    left: auto;
    right: -1em;
}

@media (min-width: 1400px) {
    .custom-pos-8 {
        left: auto;
        right: -2em;
    }
}

/* Decorative element */
.custom-pos-10 {
    left: auto;
    right: 2em;
}

/* Decorative element */
.custom-pos-11 {
    left: auto;
    right: -1em;
}

@media (min-width: 1400px) {
    .custom-pos-11 {
        left: auto;
        right: -6em;
    }
}

/* Absolute positioned content */
.custom-pos-12 {
    left: auto;
    right: 0;
}

/* Marquee skew - mirror rotation */
.custom-pos-1 {
    transform: perspective(1px) rotate(3deg);
}

.custom-pos-13 {
    transform: perspective(1px) rotate(-3deg);
}


/* ============================================
   DECORATIONS
   ============================================ */

.custom-decoration-1 {
    background-position: 0% 0%;
    padding-right: 0;
    padding-left: 4%;
}

.custom-decoration-2 {
    background-position: 0% 0%;
    padding-right: 0;
    padding-left: 3%;
}


/* ============================================
   HERO
   ============================================ */

.hero {
    background-position: 0% 0% !important;
}


/* ============================================
   GRADIENT
   ============================================ */

.custom-bg-gradient-1 {
    background-image: linear-gradient(to left, var(--tertiary) 0%, var(--quaternary) 100%) !important;
}


/* ============================================
   ELEMENTS
   ============================================ */

/* Mirror decorative background */
.custom-el-2 {
    background-position: 85% 40%;
}


/* ============================================
   HIGHLIGHT
   ============================================ */

.custom-word-highlight-1 img {
    left: auto;
    right: 10%;
}


/* ============================================
   IMPACT NUMBERS SECTION
   ============================================ */

.impact-unit {
    margin-left: 0;
    margin-right: 0.25rem;
}

@media (min-width: 992px) {
    .impact-description {
        margin-left: auto;
        margin-right: 0;
    }
}


/* ============================================
   OWL CAROUSEL
   ============================================ */

/* Swap prev/next visibility for RTL */
.custom-owl-carousel-1 .owl-prev {
    display: inline-block !important;
}

.custom-owl-carousel-1 .owl-next {
    display: none !important;
}

.custom-owl-carousel-1 .owl-prev {
    background-color: #FFF !important;
    color: var(--dark) !important;
    box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.45);
    border-color: #e7e7e7 !important;
}


/* ============================================
   FOOTER
   ============================================ */

@media (max-width: 991px) {
    #footer .cascading-images-wrapper {
        left: auto;
        right: -10%;
    }
}