/*
Theme Name: Cherie Child
Theme URI: https://firstsight.design/cherie/beauty/
Template: cherie
Author: firstsight_design
Author URI: https://themeforest.net/user/firstsight_design
Description: Cherie is modern, convenient and highly thought-out WordPress theme with fascinating design.
Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-image-header,featured-images,flexible-header,full-width-template,post-formats,sticky-post,theme-options,translation-ready
Version: 1.0
*/

/* Add your custom CSS Here */

/* ==================================================
   RTL (Right-to-Left) Fixes for Cherie Theme
   For Arabic, Hebrew, and other RTL languages
   ================================================== */

/* Base RTL Settings */
body.rtl,
html[lang="ar"] body,
html[lang="he"] body {
    direction: rtl;
    unicode-bidi: embed;
    text-align: right;
}

/* Fix main content alignment */
body.rtl .site-content,
body.rtl .entry-content,
body.rtl .entry-summary,
body.rtl .page-content {
    text-align: right;
}

/* Fix headings - including your specific widget title */
body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl .art-widget-title,
body.rtl .widget-title,
body.rtl .entry-title {
    text-align: right;
    direction: rtl;
}

/* Your specific h2 class fix */
.art-widget-title {
    text-align: right !important;
    direction: rtl !important;
    width: 100%;
}

/* Fix sidebar widgets */
body.rtl .widget-area,
body.rtl .sidebar,
body.rtl .widget {
    text-align: right;
}

body.rtl .widget ul,
body.rtl .widget li {
    margin-right: 0;
    padding-right: 20px;
    padding-left: 0;
}

/* Fix navigation menus */
body.rtl .main-navigation,
body.rtl .site-header .menu,
body.rtl .primary-menu {
    text-align: right;
}

body.rtl .main-navigation ul {
    margin-right: 0;
    padding-right: 0;
}

body.rtl .main-navigation li {
    float: right;
}

body.rtl .menu-item-has-children > a::after {
    margin-right: 5px;
    margin-left: 0;
}

/* Fix submenus */
body.rtl .sub-menu {
    right: 0;
    left: auto;
}

/* Fix post meta (author, date, categories) */
body.rtl .entry-meta,
body.rtl .post-meta,
body.rtl .cat-links,
body.rtl .tags-links {
    text-align: right;
    direction: rtl;
}

body.rtl .entry-meta span,
body.rtl .post-meta span {
    margin-left: 10px;
    margin-right: 0;
}

/* Fix comments section */
body.rtl .comments-area,
body.rtl .comment-list,
body.rtl .comment-body {
    text-align: right;
}

body.rtl .comment-author .avatar {
    margin-left: 10px;
    margin-right: 0;
    float: right;
}

body.rtl .comment-metadata {
    text-align: right;
}

body.rtl .reply {
    text-align: left;
}

/* Fix pagination */
body.rtl .nav-links,
body.rtl .pagination {
    direction: rtl;
    text-align: center;
}

body.rtl .nav-previous {
    float: right;
}

body.rtl .nav-next {
    float: left;
}

/* Fix search form */
body.rtl .search-form {
    direction: rtl;
}

body.rtl .search-form .search-field {
    text-align: right;
}

body.rtl .search-submit {
    right: auto;
    left: 0;
}

/* Fix buttons */
body.rtl .button,
body.rtl button,
body.rtl input[type="button"],
body.rtl input[type="reset"],
body.rtl input[type="submit"] {
    text-align: center;
}

/* Fix float issues common in Cherie theme */
body.rtl .alignleft {
    float: right;
    margin-right: 0;
    margin-left: 1.5em;
}

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

/* Fix footer widgets */
body.rtl .footer-widgets .widget {
    float: right;
    text-align: right;
}

/* Fix breadcrumbs */
body.rtl .breadcrumbs {
    text-align: right;
    direction: rtl;
}

body.rtl .breadcrumbs span {
    display: inline-block;
}

/* Fix forms and inputs */
body.rtl input,
body.rtl textarea,
body.rtl select {
    text-align: right;
}

/* Fix slider/carousel if Cherie has one */
body.rtl .slider-container,
body.rtl .carousel {
    direction: ltr; /* Keep slider direction LTR, but text inside RTL */
}

body.rtl .slider-container .slide-text,
body.rtl .carousel .slide-text {
    direction: rtl;
    text-align: right;
}