/* =RTL Support for Arabic
-------------------------------------------------------------- */

/* Text Direction */
body {
    direction: rtl;
    text-align: right;
}

/* Floats */
.alignright {
    float: left;
    margin: 5px 20px 20px 0;
}

.alignleft {
    float: right;
    margin: 5px 0 20px 20px;
}

/* Margins and Paddings */
.wp-caption.alignleft {
    margin: 5px 0 20px 20px;
}

.wp-caption.alignright {
    margin: 5px 20px 20px 0;
}

/* Navigation */
.navbar-nav {
    direction: rtl;
}

.navbar-social {
    margin-right: auto;
    margin-left: 0;
}

/* Hero Section */
.hero-text {
    text-align: right;
}

.social-icon.facebook {
    left: auto;
    right: 5%;
}

.social-icon.twitter {
    right: auto;
    left: 10%;
}

.social-icon.instagram {
    left: auto;
    right: 10%;
}

.social-icon.snapchat {
    right: auto;
    left: 5%;
}

.social-icon.youtube {
    right: auto;
    left: 15%;
}

.social-icon.whatsapp {
    left: auto;
    right: 8%;
}

.social-icon.linkedin {
    left: auto;
    right: 20%;
}

.social-icon.pinterest {
    left: auto;
    right: 25%;
}

.social-icon.tiktok {
    right: auto;
    left: 8%;
}

/* Process Steps */
.step-number {
    right: auto;
    left: -15px;
}

/* Testimonials */
.testimonial-header {
    flex-direction: row-reverse;
}

.highlight-card {
    flex-direction: row-reverse;
}

/* Forms */
.form-group input {
    text-align: right;
}

.form-group input::placeholder {
    text-align: right;
}

/* Responsive */
@media (max-width: 768px) {
    .navbar-menu {
        right: auto;
        left: -100%;
    }
    
    .navbar-menu.active {
        left: 0;
        right: auto;
    }
}

/* Lists */
ul, ol {
    padding-right: 20px;
    padding-left: 0;
}

/* Utility Classes for RTL */
.text-left {
    text-align: right !important;
}

.text-right {
    text-align: left !important;
}

.mr-1 { margin-left: 0.5rem; margin-right: 0; }
.mr-2 { margin-left: 1rem; margin-right: 0; }
.mr-3 { margin-left: 1.5rem; margin-right: 0; }
.mr-4 { margin-left: 2rem; margin-right: 0; }
.mr-5 { margin-left: 3rem; margin-right: 0; }

.ml-1 { margin-right: 0.5rem; margin-left: 0; }
.ml-2 { margin-right: 1rem; margin-left: 0; }
.ml-3 { margin-right: 1.5rem; margin-left: 0; }
.ml-4 { margin-right: 2rem; margin-left: 0; }
.ml-5 { margin-right: 3rem; margin-left: 0; }

.pr-1 { padding-left: 0.5rem; padding-right: 0; }
.pr-2 { padding-left: 1rem; padding-right: 0; }
.pr-3 { padding-left: 1.5rem; padding-right: 0; }
.pr-4 { padding-left: 2rem; padding-right: 0; }
.pr-5 { padding-left: 3rem; padding-right: 0; }

.pl-1 { padding-right: 0.5rem; padding-left: 0; }
.pl-2 { padding-right: 1rem; padding-left: 0; }
.pl-3 { padding-right: 1.5rem; padding-left: 0; }
.pl-4 { padding-right: 2rem; padding-left: 0; }
.pl-5 { padding-right: 3rem; padding-left: 0; }