/*
RTL (Right-to-Left) Styles for Arabic Language Support
*/

/* ==========================================================================
   RTL Base Styles
   ========================================================================== */

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

/* ==========================================================================
   RTL Menu Adjustments
   ========================================================================== */

/* Primary Menu RTL */
.primary-menu-ul {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.primary-menu-ul > li {
    float: right;
}

/* Menu Links - Text Direction */
.primary-menu-ul > li > a {
    text-align: right;
    direction: rtl;
}

/* Dropdown Positioning for RTL */
.primary-menu-ul .sub-menu {
    right: auto;
    left: 0;
    text-align: right;
}

/* Nested Dropdowns */
.primary-menu-ul .sub-menu .sub-menu {
    right: 100%;
    left: auto;
}

/* Dropdown Hover Border - Switch to Left Side */
.primary-menu-ul .sub-menu a {
    border-right: none;
    border-left: 3px solid transparent;
    padding-right: 20px;
    padding-left: 20px;
}

.primary-menu-ul .sub-menu a:hover,
.primary-menu-ul .sub-menu .current-menu-item > a {
    border-left-color: #667eea;
    padding-left: 25px;
    padding-right: 20px;
}

/* Dropdown Arrow - RTL Position */
.primary-menu-ul .menu-item-has-children > a::after {
    margin-right: 0;
    margin-left: 8px;
}

/* ==========================================================================
   Header & Layout RTL
   ========================================================================== */

/* Header Components */
.header-top,
.header-main,
.header-bottom {
    direction: rtl;
}

.site-header .container {
    direction: rtl;
}

/* Logo Alignment */
.site-logo {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}

/* Navigation Wrapper */
.nv-nav-wrap {
    text-align: right;
}

/* ==========================================================================
   Content RTL
   ========================================================================== */

/* Posts and Pages */
.entry-content,
.entry-summary,
.page-content {
    direction: rtl;
    text-align: right;
}

/* Lists */
ul, ol {
    padding-right: 20px;
    padding-left: 0;
}

/* Blockquotes */
blockquote {
    border-right: 4px solid #667eea;
    border-left: none;
    padding-right: 20px;
    padding-left: 0;
    margin-right: 0;
    margin-left: 20px;
}

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

.site-footer {
    direction: rtl;
    text-align: right;
}

.footer-copyright,
.builder-item {
    direction: rtl;
    text-align: right;
}

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

.widget {
    direction: rtl;
    text-align: right;
}

.widget ul {
    padding-right: 20px;
    padding-left: 0;
}

/* ==========================================================================
   Forms RTL
   ========================================================================== */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select {
    text-align: right;
    direction: rtl;
}

/* Search Form */
.search-form {
    direction: rtl;
}

.search-form .search-field {
    padding-right: 15px;
    padding-left: 40px;
}

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

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

@media (max-width: 960px) {
    /* Mobile Menu Toggle */
    .menu-mobile-toggle {
        float: left;
    }
    
    /* Mobile Navigation */
    .mobile-navigation {
        direction: rtl;
        text-align: right;
    }
    
    /* Mobile Menu Items */
    .primary-menu-ul {
        flex-direction: column;
        text-align: right;
    }
    
    .primary-menu-ul > li {
        float: none;
        width: 100%;
    }
    
    .primary-menu-ul > li > a {
        text-align: right;
        padding-right: 20px;
        padding-left: 20px;
    }
    
    /* Mobile Submenu */
    .primary-menu-ul .sub-menu {
        right: auto;
        left: auto;
        text-align: right;
    }
    
    .primary-menu-ul .sub-menu a {
        padding-right: 40px;
        padding-left: 20px;
        border-left: none;
    }
    
    /* Mobile Dropdown Arrows */
    .caret-wrap {
        left: auto;
        right: 10px;
    }
}

/* ==========================================================================
   Additional RTL Adjustments
   ========================================================================== */

/* Buttons */
.button,
.btn,
.wp-block-button__link {
    direction: rtl;
}

/* Images */
.alignleft {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}

.alignright {
    float: left;
    margin-right: 20px;
    margin-left: 0;
}

/* Tables */
table {
    direction: rtl;
}

th, td {
    text-align: right;
}

/* Navigation Links */
.nav-links {
    direction: rtl;
}

.nav-previous {
    float: right;
}

.nav-next {
    float: left;
}

/* Comments */
.comment-list {
    direction: rtl;
    text-align: right;
}

.comment-content {
    margin-right: 0;
    margin-left: 0;
}

/* Sidebar */
.sidebar {
    direction: rtl;
    text-align: right;
}

/* ==========================================================================
   Enhanced RTL Typography
   ========================================================================== */

/* Better Arabic Font Rendering */
body.rtl-enabled {
    font-feature-settings: "liga" 1, "calt" 1, "kern" 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Arabic Headings */
h1, h2, h3, h4, h5, h6 {
    direction: rtl;
    text-align: right;
    font-weight: 700;
}

/* Paragraphs */
p {
    direction: rtl;
    text-align: right;
    line-height: 1.8;
}

/* ==========================================================================
   WooCommerce RTL (if using e-commerce)
   ========================================================================== */

.woocommerce,
.woocommerce-page {
    direction: rtl;
}

.woocommerce .price {
    direction: rtl;
}

.woocommerce ul.products {
    direction: rtl;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    text-align: right;
}