/*
Theme Name: Eyepress Lite RTL
Version: 1.2.2
Tested up to: 7.0
Requires PHP: 7.4
Description: Eyepress Lite is a modern, lightweight, and responsive WordPress child theme. The theme designed to give your website a clean, professional look without unnecessary complexity. Whether you’re creating a personal blog, showcasing your portfolio, or building a content-focused site, Eyepress Lite provides a flexible foundation that adapts seamlessly to different devices and screen sizes. With full RTL (right-to-left) language support, the theme is ready for global audiences, making it a great choice for multilingual websites. It also includes a built-in dark mode that automatically follows your visitor’s system preferences, offering a more comfortable reading experience.
*/

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

/* ==========================================================================
   CHILD THEME RTL CUSTOMIZATIONS
   ========================================================================== */

/* Dark mode toggle button position */
.dark-mode-toggle {
    left: 20px;
    right: auto;
}

/* Blog post title hover effect */
.post-details h2 a:hover {
    transform: translateX(-5px);
}

/* Skip link positioning */
.skip-link {
    left: 6px;
    right: auto;
}

/* Main menu alignment */
.mainmenu li {
    float: right;
}

/* Sidebar positioning */
.right-sidebar {
    margin-left: 0;
    margin-right: 0;
}

/* Widget title alignment */
h5.widget-title {
    text-align: right;
}

/* Entry meta alignment */
.entry-meta.cat-list {
    text-align: right;
}

/* Pagination alignment */
.nav-links {
    text-align: right;
}

/* Footer text alignment */
.wpcopyright p {
    text-align: right;
}

/* Social icons alignment */
.social-icon.style1 ul {
    justify-content: flex-end;
}

/* Blog header text alignment */
.text-center.blog-header-text {
    text-align: right !important;
}

/* Menu template positioning */
.d-flex.justify-end {
    justify-content: flex-start;
}

.logo.mr-auto {
    margin-left: auto;
    margin-right: 0;
}

/* Expand icon positioning */
.expand-icon.pull-right {
    float: left !important;
}

/* Responsive adjustments */
@media (max-width: 980px) {
    .logo.mr-auto {
        margin-left: 0;
        margin-right: 0;
    }
    
    .d-flex.justify-end {
        justify-content: space-between;
    }
}