/*
Theme Name: Awesome Arabic Elite
Direction: RTL
*/

/* ==========================================================================
   RTL specific styles
   ========================================================================== */

body {
    direction: rtl;
    unicode-bidi: embed;
}

/* Text alignment */
.text-left {
    text-align: right !important;
}

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

/* Margins and paddings - using logical properties for better compatibility */
body .ml-auto {
    margin-left: initial !important;
    margin-right: auto !important;
}

body .mr-auto {
    margin-right: initial !important;
    margin-left: auto !important;
}

/* Floats */
.float-left {
    float: right !important;
}

.float-right {
    float: left !important;
}

/* Alignments */
.alignleft {
    float: right;
    margin-right: 0;
    margin-left: 1.5em;
}

.alignright {
    float: left;
    margin-left: 0;
    margin-right: 1.5em;
}

/* Header */
.menu-toggle {
    margin-right: auto;
    margin-left: 0;
}

.header-actions {
    margin-right: auto;
    margin-left: 0;
}

.header-search-form {
    right: auto;
    left: 0;
}

/* Navigation */
.nav-menu .menu-item-has-children > a::after {
    margin-left: 0;
    margin-right: var(--spacing-2);
}

@media (min-width: 992px) {
    .nav-menu > li {
        margin-right: 0;
        margin-left: var(--spacing-1);
    }
    
    .nav-menu .sub-menu {
        left: auto;
        right: 0;
    }
}

/* Post card */
.post-card-categories {
    left: auto;
    right: var(--spacing-3);
}

.post-card-meta-item svg,
.entry-meta svg {
    margin-right: 0;
    margin-left: var(--spacing-1);
}

.read-more svg {
    margin-left: 0;
    margin-right: var(--spacing-1);
    transform: scaleX(-1);
}

.read-more:hover svg {
    transform: translateX(-3px) scaleX(-1);
}

/* Blockquote */
blockquote,
.wp-block-quote {
    border-left: none;
    border-right: 4px solid var(--color-primary);
    padding-left: 0;
    padding-right: var(--spacing-5);
    margin-left: 0;
    margin-right: 0;
}

/* Lists */
ul, ol {
    padding-left: 0;
    padding-right: var(--spacing-6);
}

/* Entry footer */
.entry-footer .cat-links::before,
.entry-footer .tags-links::before {
    margin-right: 0;
    margin-left: var(--spacing-2);
}

/* Post navigation */
.post-navigation .nav-previous {
    text-align: right;
}

.post-navigation .nav-next {
    text-align: left;
}

/* Comments */
.comment-list .children {
    margin-left: 0;
    margin-right: var(--spacing-6);
}

.comment-author .avatar {
    margin-right: 0;
    margin-left: var(--spacing-3);
}

/* Form elements */
input[type="checkbox"],
input[type="radio"] {
    margin-right: 0;
    margin-left: var(--spacing-2);
}

/* Widget styles */
.widget ul {
    padding-right: 0;
}

.widget_recent_entries_with_thumbnails .post-thumbnail {
    margin-right: 0;
    margin-left: var(--spacing-3);
}

/* Back to top button */
.back-to-top {
    right: auto;
    left: var(--spacing-6);
}

/* Author bio */
@media (min-width: 576px) {
    .author-avatar {
        margin-right: 0;
        margin-left: var(--spacing-5);
    }
}

.author-posts-link svg {
    transform: scaleX(-1);
}

/* RTL specific responsive fixes */
@media (max-width: 991.98px) {
    .site-branding {
        padding-right: 0;
    }
    
    .nav-menu {
        padding-right: 0;
    }
}

/* Fix icons direction */
.feather-arrow-right,
.feather-chevron-right {
    transform: scaleX(-1);
}

.feather-arrow-left,
.feather-chevron-left {
    transform: scaleX(-1);
}

/* Fix pagination direction */
.pagination .prev .feather-chevron-left {
    transform: scaleX(-1);
}

.pagination .next .feather-chevron-right {
    transform: scaleX(-1);
}

/* Footer */
.footer-widget-title::after {
    left: auto;
    right: 0;
}

/* Sidebar */
.widget-title::after {
    left: auto;
    right: 0;
}

/* SVG icons in RTL mode */
.rtl-language svg[class*="feather-arrow-"],
.rtl-language svg[class*="feather-chevron-"] {
    transform: scaleX(-1);
}

/* Override logical properties with more specific selectors for older browsers */
.rtl-language .border-start {
    border-left: none !important;
    border-right: 1px solid var(--color-border) !important;
}

.rtl-language .border-end {
    border-right: none !important;
    border-left: 1px solid var(--color-border) !important;
}

.rtl-language .ps-1,
.rtl-language .ps-2,
.rtl-language .ps-3,
.rtl-language .ps-4,
.rtl-language .ps-5 {
    padding-left: 0 !important;
}

.rtl-language .pe-1,
.rtl-language .pe-2,
.rtl-language .pe-3,
.rtl-language .pe-4,
.rtl-language .pe-5 {
    padding-right: 0 !important;
}

.rtl-language .ps-1 { padding-right: var(--spacing-1) !important; }
.rtl-language .ps-2 { padding-right: var(--spacing-2) !important; }
.rtl-language .ps-3 { padding-right: var(--spacing-3) !important; }
.rtl-language .ps-4 { padding-right: var(--spacing-4) !important; }
.rtl-language .ps-5 { padding-right: var(--spacing-5) !important; }

.rtl-language .pe-1 { padding-left: var(--spacing-1) !important; }
.rtl-language .pe-2 { padding-left: var(--spacing-2) !important; }
.rtl-language .pe-3 { padding-left: var(--spacing-3) !important; }
.rtl-language .pe-4 { padding-left: var(--spacing-4) !important; }
.rtl-language .pe-5 { padding-left: var(--spacing-5) !important; }

.rtl-language .ms-1,
.rtl-language .ms-2,
.rtl-language .ms-3,
.rtl-language .ms-4,
.rtl-language .ms-5 {
    margin-left: 0 !important;
}

.rtl-language .me-1,
.rtl-language .me-2,
.rtl-language .me-3,
.rtl-language .me-4,
.rtl-language .me-5 {
    margin-right: 0 !important;
}

.rtl-language .ms-1 { margin-right: var(--spacing-1) !important; }
.rtl-language .ms-2 { margin-right: var(--spacing-2) !important; }
.rtl-language .ms-3 { margin-right: var(--spacing-3) !important; }
.rtl-language .ms-4 { margin-right: var(--spacing-4) !important; }
.rtl-language .ms-5 { margin-right: var(--spacing-5) !important; }

.rtl-language .me-1 { margin-left: var(--spacing-1) !important; }
.rtl-language .me-2 { margin-left: var(--spacing-2) !important; }
.rtl-language .me-3 { margin-left: var(--spacing-3) !important; }
.rtl-language .me-4 { margin-left: var(--spacing-4) !important; }
.rtl-language .me-5 { margin-left: var(--spacing-5) !important; }