/*
Theme Name: X Blog Lite
Template: x-blog
Description: RTL stylesheet for X Blog Lite 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 */

/* Navigation adjustments for child theme styles */
nav#site-navigation ul a {
    text-align: right;
}

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

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

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

/* Entry meta and footer spacing adjustments for child theme */
.entry-meta span,
.entry-footer span {
    margin-right: 0;
    margin-left: 10px;
}

.entry-meta span i,
.entry-footer span i {
    margin-right: 0;
    margin-left: 5px;
}

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

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

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

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

/* Border adjustments for blockquotes and elements with left borders */
blockquote,
.format-quote p {
    border-right: 5px solid #ccc;
    border-left: none;
    padding-right: 15px;
    padding-left: 0;
}

/* Widget list adjustments */
aside .widget ul li {
    border-right: 1px solid #fafafa;
    border-left: none;
    padding-right: 10px;
    padding-left: 0;
}

/* Responsive RTL adjustments */
@media only screen and (max-width: 991px) {
    .post-meta span {
        margin-right: 0;
        margin-left: 3px;
    }
    
    .post-meta i {
        margin-right: 0;
        margin-left: 1px;
    }
}

@media only screen and (max-width: 767px) {
    /* Mobile RTL adjustments */
    .comment-author.vcard {
        flex-direction: row-reverse;
    }
    
    .comment-author.vcard span.says {
        margin-left: 0;
        margin-right: 3px;
    }
}