/* rtl.css - For Arabic / Right-to-Left Layout */

/* 1. Base Direction */
body {
    direction: rtl;
    unicode-bidi: embed;
    text-align: right;
}

/* 2. Typography */
p, h1, h2, h3, h4, h5, h6, li, span, a {
    text-align: right;
}

/* 3. Flex adjustments */
.flex, .d-flex {
    display: flex !important;
    flex-direction: row-reverse; /* Reverse the order for RTL */
    justify-content: flex-start;
    align-items: center;
}

/* For nested flex */
.flex > * {
    margin-left: 0;
    margin-right: 1rem; /* Adjust spacing between items */
}

/* 4. Floating elements */
.float-left {
    float: right !important;
}
.float-right {
    float: left !important;
}

/* 5. Margins & Padding adjustments */
.ml-0, .ml-auto { margin-left: 0 !important; }
.mr-0, .mr-auto { margin-right: 0 !important; }

@media (min-width: 1200px) {
    .blog-post .tags-many {
margin-right: 0 !important;
    }
}



/* Swap left/right margins and paddings */
.m-l { margin-left: 1rem !important; margin-right: 0 !important; }
.m-r { margin-right: 1rem !important; margin-left: 0 !important; }
.p-l { padding-left: 1rem !important; padding-right: 0 !important; }
.p-r { padding-right: 1rem !important; padding-left: 0 !important; }

/* 6. Navigation menus */
nav ul, .menu {
    text-align: right;
    flex-direction: row-reverse;
}
nav ul li, .menu li {
    float: right;
}

/* 7. Forms */
input, textarea, select {
    direction: rtl;
    text-align: right;
}

/* 8. Images & Icons in RTL */
img, svg {
    direction: ltr; /* Keep images left-to-right */
}
.icon {
    transform: scaleX(-1); /* Flip icons if needed */
}


/* Widgets */
.widget {
    text-align: right;
}


/* Buttons */
.button, input[type="button"], input[type="submit"] {
    text-align: center;
}

/* 10. Miscellaneous */
.text-left { text-align: right !important; }
.text-right { text-align: left !important; }

/* Tables */
table {
    direction: rtl;
}
th, td {
    text-align: right;
}

/* Media queries for responsiveness */
@media (max-width: 768px) {
    .flex, .d-flex {
        flex-direction: column !important;
    }
}