/*
Theme Name: Advia Child RTL
Description: RTL (Right-to-Left) stylesheet for Hebrew language support
*/

/* ==========================================================================
   Base RTL Adjustments
   ========================================================================== */

body {
    direction: rtl;
    text-align: right;
}

/* ==========================================================================
   Typography & Text Alignment
   ========================================================================== */

.alignleft {
    float: right;
    margin-inline-start: 0;
    margin-inline-end: 1.5em;
}

.alignright {
    float: left;
    margin-inline-end: 0;
    margin-inline-start: 1.5em;
}

/* ==========================================================================
   Navigation Menu RTL
   ========================================================================== */

@media (min-width: 1024.02px) {
    .site-header .sub-menu {
        left: auto;
        right: 0;
    }

    .site-header .sub-menu.is-out-of-viewport {
        left: 0;
        right: unset;
    }

    .site-header .sub-menu.is-out-of-viewport .sub-menu {
        left: 100%;
        right: unset;
    }

    .site-header .sub-menu .sub-menu.is-out-of-viewport {
        left: 100%;
        right: unset;
    }

    .site-header .sub-menu .sub-menu {
        left: auto;
        right: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .site-header .sub-menu .dropdown-toggle svg {
        transform: rotate(90deg) rotateX(0deg);
    }

    .site-header .sub-menu .dropdown-toggle.toggled-on svg {
        transform: rotate(90deg) rotateX(180deg);
    }
}

@media (max-width: 1024px) {
    .site-header .menu-items {
        transform: translate3d(-100%, 0, 0);
        left: auto;
        right: 0;
    }

    .site-header .dropdown-toggle {
        left: 0;
        right: auto;
    }

    .js-nav-active .menu-items {
        transform: translate3d(0, 0, 0);
    }

    .js-nav-active .site-content {
        transform: translate3d(100%, 0, 0);
    }
}

.nav-toggle {
    margin-right: 0;
    margin-left: -10px;
}

/* ==========================================================================
   Breadcrumbs RTL
   ========================================================================== */

.breadcrumbs .trail-item:before {
    transform: translateY(-1px) scaleX(-1);
}

/* ==========================================================================
   Navigation Arrows & Icons RTL
   ========================================================================== */

.navigation .nav-links .prev:after,
.navigation .nav-links .nav-previous a:after {
    transform: scale(1, 1);
    margin-left: 5px;
    margin-right: 0;
}

.navigation .nav-links .next:after,
.navigation .nav-links .nav-next a:after {
    transform: scale(-1, -1);
    margin-right: 5px;
    margin-left: 0;
}

/* ==========================================================================
   Entry Meta & Category Meta
   ========================================================================== */

.entry-meta > span,
.category-meta > span {
    margin-right: 0;
    margin-left: var(--small-content-spacing);
}

/* ==========================================================================
   Forms & Inputs RTL
   ========================================================================== */

select,
.keydesign-widget select {
    background-position: left 15px top 50%, 0 0;
    padding-left: 35px;
    padding-right: var(--column-spacing, 15px);
}

/* Checkbox & Radio alignment */
.keydesign-checkbox,
.kd-widget-container form input[type="checkbox"],
.comment-form input[type="checkbox"],
.keydesign-radiobox {
    margin: 0 0 0 0.5em;
}

.keydesign-checkbox:before,
.kd-widget-container form input[type="checkbox"]:before,
.comment-form input[type="checkbox"]:before {
    left: auto;
    right: -2px;
}

/* ==========================================================================
   Search Form RTL
   ========================================================================== */

.search-form button[type="submit"],
.search-form .wp-element-button[type="submit"],
.search-form .search-submit[type="submit"],
.woocommerce-product-search button[type="submit"],
.woocommerce-product-search .wp-element-button[type="submit"],
.woocommerce-product-search .search-submit[type="submit"] {
    right: auto;
    left: 0;
}

/* ==========================================================================
   Widgets RTL
   ========================================================================== */

.widget_recent_entries .recent-posts-thumb li .post_count {
    float: left;
}

/* ==========================================================================
   Comments RTL
   ========================================================================== */

.keydesign-has-avatar .keydesign-comment-content {
    padding-inline-start: 0;
    padding-inline-end: 90px;
}

@media (max-width: 766.98px) {
    .keydesign-has-avatar .keydesign-comment-content {
        padding-inline-start: 0;
        padding-inline-end: 50px;
    }
}

.keydesign-comment-meta img {
    left: auto;
    right: 0;
}

@media (max-width: 766.98px) {
    .keydesign-has-avatar .keydesign-comment-meta {
        padding-inline-start: 0;
        padding-inline-end: 50px;
    }
}

@media (min-width: 767px) {
    .keydesign-has-avatar .keydesign-comment-meta {
        padding-inline-start: 0;
        padding-inline-end: 90px;
    }
}

@media (min-width: 767px) {
    .keydesign-comment-meta-data {
        margin-inline-start: 0;
        margin-inline-end: auto;
    }
}

.keydesign-comment-meta-data .comment-reply-link {
    margin-inline-start: 0;
    margin-inline-end: 10px;
}

/* ==========================================================================
   Author Box RTL
   ========================================================================== */

.author-box-wrapper .author-avatar {
    margin-right: 0;
    margin-left: var(--grid-columns-gap);
}

/* ==========================================================================
   Blog Layouts RTL
   ========================================================================== */

.blog-layout-horizontal .keydesign-card .entry-wrapper {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 767px) {
    .blog-layout-horizontal .keydesign-card .entry-wrapper {
        padding-right: var(--grid-columns-gap);
        padding-left: var(--grid-columns-gap);
    }
}

/* ==========================================================================
   Sidebar RTL
   ========================================================================== */

@media (min-width: 1024.02px) {
    .with-sidebar.sidebar-left {
        --sidebar-order: 1;
    }
    
    .with-sidebar.sidebar-right {
        --sidebar-order: -1;
    }
}

/* ==========================================================================
   Blockquotes RTL
   ========================================================================== */

.entry-content blockquote:not(.is-style-plain):not(.has-text-align-center):not(.has-text-align-right),
.wp-block-quote:not(.is-style-plain):not(.has-text-align-center):not(.has-text-align-right) {
    border-inline-start: none;
    border-inline-end: 4px solid var(--e-global-color-primary);
}

.entry-content blockquote:not(.is-style-plain).has-text-align-right,
.wp-block-quote:not(.is-style-plain).has-text-align-right {
    border-inline-end: none;
    border-inline-start: 4px solid var(--e-global-color-primary);
}

.entry-content blockquote:not(.has-text-align-center):not(.has-text-align-right),
.wp-block-quote:not(.has-text-align-center):not(.has-text-align-right) {
    padding-inline-start: 0;
    padding-inline-end: 30px;
}

.entry-content blockquote.has-text-align-right,
.wp-block-quote.has-text-align-right {
    padding-inline-end: 0;
    padding-inline-start: 30px;
}

/* ==========================================================================
   Lists RTL
   ========================================================================== */

ul, ol {
    padding-inline-start: 0;
    padding-inline-end: var(--listIndent);
}

.keydesign-widget li ul,
.keydesign-widget li ol {
    --listIndent: 20px;
    padding-inline-start: 0;
    padding-inline-end: 20px;
}

.keydesign-comment-content li ul,
.keydesign-comment-content li ol {
    --listIndent: 20px;
    padding-inline-start: 0;
    padding-inline-end: 20px;
}

/* ==========================================================================
   Dropdown Arrow Icons RTL (flip horizontally)
   ========================================================================== */

.site-header .dropdown-toggle svg {
    transform: scaleX(-1);
}

@media (min-width: 1024.02px) {
    .site-header .dropdown-toggle.toggled-on svg {
        transform: scaleX(-1) rotateX(180deg);
    }
}

/* ==========================================================================
   Entry Image & Media RTL
   ========================================================================== */

.blog-layout-horizontal .keydesign-card .entry-image {
    order: 2;
}

.blog-layout-horizontal .keydesign-card .entry-wrapper {
    order: 1;
}

/* ==========================================================================
   Tag Cloud RTL
   ========================================================================== */

.tagcloud a span,
.entry-footer .tags a span {
    margin-left: 0;
    margin-right: 0.3em;
}

/* ==========================================================================
   Calendar Widget RTL
   ========================================================================== */

.widget_calendar table tfoot td#prev {
    text-align: right;
}

.widget_calendar table tfoot td#next {
    text-align: left;
}

/* ==========================================================================
   Recent Posts Widget RTL
   ========================================================================== */

.widget_recent_entries .recent-posts-thumb a {
    flex-direction: row-reverse;
}

/* ==========================================================================
   Page Header / Title Bar RTL
   ========================================================================== */

.page-header.title-bar-text-center {
    text-align: center;
}

/* Keep center alignment unchanged */
.page-header:not(.title-bar-text-center) {
    text-align: right;
}

/* ==========================================================================
   Footer RTL
   ========================================================================== */

.footer-copyright-section .keydesign-container {
    text-align: center;
}

/* ==========================================================================
   Legend & Fieldset RTL
   ========================================================================== */

legend {
    padding-left: 0;
    padding-right: var(--column-spacing, 15px);
    margin-left: 0;
    margin-right: -15px;
}

/* ==========================================================================
   Table RTL
   ========================================================================== */

table {
    direction: rtl;
}

/* ==========================================================================
   Media Queries - Responsive RTL Adjustments
   ========================================================================== */

@media (max-width: 766.98px) {
    .alignleft,
    .alignright {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

/* ==========================================================================
   WooCommerce RTL (if applicable)
   ========================================================================== */

.woocommerce ul.products li.product .button {
    text-align: center;
}

/* ==========================================================================
   Custom Adjustments for Specific Elements
   ========================================================================== */

/* Fix any rotated icons or elements */
[class*="icon-"] {
    display: inline-block;
}

/* Ensure proper text rendering */
body,
input,
textarea,
select,
button {
    font-feature-settings: normal;
}

/* ==========================================================================
   Elementor RTL Support
   ========================================================================== */

.elementor-widget-wrap {
    text-align: right;
}

.elementor-icon-list-items {
    text-align: right;
}

.elementor-icon-list-item {
    direction: rtl;
}

/* ==========================================================================
   Mobile Menu Toggle RTL
   ========================================================================== */

.nav-toggle .icon-bar,
.nav-toggle .icon-bar:before,
.nav-toggle .icon-bar:after {
    left: auto;
    right: 8px;
}

/* ==========================================================================
   Additional Fine-Tuning
   ========================================================================== */

/* Ensure proper spacing for inline elements */
.entry-meta .published,
.category-meta .published {
    margin-left: var(--small-content-spacing);
    margin-right: 0;
}

.entry-meta > span:first-child,
.category-meta > span:first-child {
    margin-left: 0;
}

.entry-meta > span:last-child,
.category-meta > span:last-child {
    margin-left: 0;
}

/* Page links */
.page-links .post-page-numbers {
    margin: 0 0 0 10px;
}

/* Fix for hover transitions on reversed elements */
.blog-layout-horizontal .keydesign-card:hover .entry-image img {
    transform: scale(1.07);
}