/*
Theme Name: Blog X
Template: x-blog
Description: RTL stylesheet for Blog X child theme. This file adds right-to-left language support for the child theme's custom styles.
*/

/* Import parent theme RTL styles */
@import url("../x-blog/rtl.css");

/* Child theme specific RTL adjustments */

/* Top bar menu alignment */
.topbar-menu {
    float: left;
}

/* Top menu items */
ul#top-menu li,
.top-navigation ul li {
    margin-left: 10px;
    margin-right: 0;
}

/* Menu bar text alignment */
.xmenu-bar.text-right .menu-main-menu-container {
    text-align: left;
}

/* Navigation menu text alignment */
nav#site-navigation ul a {
    text-align: right;
}

/* Post meta spacing */
.post-meta span {
    margin-left: 5px;
    margin-right: 0;
}

.post-meta i {
    margin-left: 2px;
    margin-right: 0;
}

/* List category positioning */
.top-cat.post-meta.list-cat {
    float: left;
}

.content-list a.more-link {
    margin: -10px 0 0 0;
}

/* Footer widgets */
section.footer-widget {
    float: right;
    margin: 0 0 15px 1.33%;
}

/* Content list adjustments */
.content-list {
    flex-flow: row-reverse nowrap;
}

.list-img {
    margin-right: 0;
    margin-left: 20px;
}

.list-content {
    margin-right: 0;
    margin-left: 20px;
}

/* Reading time */
.reading-time {
    margin-left: 0;
    margin-right: 10px;
}

.reading-time i {
    margin-right: 0;
    margin-left: 4px;
}

/* Comment author */
.comment-author.vcard span.says {
    margin-left: 0;
    margin-right: 10px;
}

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

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

/* Float adjustments for RTL */
.alignleft {
    float: right;
    margin: 0 0 1.5em 1.5em;
}

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

/* Responsive RTL adjustments */
@media only screen and (max-width: 991px) {
    .content-list {
        flex-flow: row wrap;
    }
    
    .content-list .list-img,
    .content-list .list-content {
        margin-right: 0;
        margin-left: 0;
    }
    
    .menu-item-has-children > i {
        margin-left: 0;
        margin-right: auto;
    }
    
    #mobile-navigation ul .menu-item-has-children.clicked > ul.sub-menu,
    #mobile-navigation ul .menu-item-has-children.focus > ul.sub-menu {
        margin-left: 0;
        margin-right: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .comment-navigation .nav-next,
    .posts-navigation .nav-next,
    .post-navigation .nav-next {
        text-align: left;
    }
}