/**
 * Comprehensive RTL styles for Space22 theme
 *
 * @package Space22
 */

/* ============================================
   Basic RTL Setup
   ============================================ */

body.rtl,
body.lang-ar,
body.lang-he,
body.lang-fa,
body.lang-ur {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Tajawal', 'Almarai', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ============================================
   Header & Navigation
   ============================================ */

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

body.rtl .site-branding {
    flex-direction: row-reverse;
}

body.rtl .custom-logo-link {
    margin-right: 0;
    margin-left: 20px;
}

body.rtl .site-identity {
    text-align: right;
}

body.rtl .main-navigation {
    direction: rtl;
}

body.rtl .main-navigation ul {
    flex-direction: row-reverse;
    text-align: right;
}

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

body.rtl .main-navigation a {
    padding-right: 15px;
    padding-left: 15px;
}

body.rtl .main-navigation .sub-menu {
    right: 0;
    left: auto;
    text-align: right;
}

body.rtl .menu-toggle {
    float: left;
}

body.rtl .menu-toggle-icon {
    transform: scaleX(-1);
}

/* ============================================
   Language Switcher
   ============================================ */

body.rtl .language-switcher {
    margin-right: auto;
    margin-left: 0;
    direction: ltr; /* Keep language codes LTR */
}

body.rtl .language-switcher a {
    margin-right: 0;
    margin-left: 10px;
}

/* ============================================
   Content & Posts
   ============================================ */

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

body.rtl .entry-header {
    text-align: right;
}

body.rtl .entry-title {
    text-align: right;
}

body.rtl .entry-meta {
    text-align: right;
}

body.rtl .entry-meta > * {
    margin-right: 0;
    margin-left: 15px;
}

body.rtl .entry-meta > *:last-child {
    margin-left: 0;
}

body.rtl .entry-content {
    text-align: right;
    direction: rtl;
}

body.rtl .entry-content h1,
body.rtl .entry-content h2,
body.rtl .entry-content h3,
body.rtl .entry-content h4,
body.rtl .entry-content h5,
body.rtl .entry-content h6 {
    text-align: right;
}

body.rtl .entry-footer {
    text-align: right;
}

body.rtl .entry-footer > * {
    margin-right: 0;
    margin-left: 15px;
}

/* ============================================
   Post Navigation
   ============================================ */

body.rtl .post-navigation,
body.rtl .posts-navigation {
    direction: rtl;
}

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

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

/* ============================================
   Sidebar & Widgets
   ============================================ */

body.rtl .widget-area {
    float: left;
}

body.rtl .site-main {
    float: right;
}

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

body.rtl .widget-title {
    text-align: right;
}

body.rtl .widget ul {
    padding-right: 20px;
    padding-left: 0;
    text-align: right;
}

body.rtl .widget ul li {
    text-align: right;
}

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

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

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

body.rtl .footer-widgets {
    direction: rtl;
}

body.rtl .footer-widget-area {
    text-align: right;
}

body.rtl .site-info {
    text-align: center;
    direction: rtl;
}

body.rtl .footer-navigation ul {
    flex-direction: row-reverse;
}

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

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

body.rtl .search-form {
    direction: rtl;
}

body.rtl .search-field {
    padding-right: 10px;
    padding-left: 30px;
    text-align: right;
}

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

/* Comment Form */
body.rtl .comment-form-comment,
body.rtl .comment-form-author,
body.rtl .comment-form-email,
body.rtl .comment-form-url {
    direction: rtl;
}

body.rtl .comment-form label {
    text-align: right;
    display: block;
}

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

body.rtl ul,
body.rtl ol {
    padding-right: 40px;
    padding-left: 0;
    text-align: right;
}

body.rtl ul ul,
body.rtl ol ol,
body.rtl ul ol,
body.rtl ol ul {
    margin-right: 1.5em;
    margin-left: 0;
}

body.rtl li {
    text-align: right;
}

body.rtl .entry-content ul,
body.rtl .entry-content ol {
    margin-right: 1.5em;
    margin-left: 0;
}

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

body.rtl blockquote {
    border-right: 4px solid var(--primary-color);
    border-left: none;
    padding-right: 20px;
    padding-left: 0;
    margin-right: 1.5em;
    margin-left: 0;
    text-align: right;
}

body.rtl blockquote cite {
    text-align: right;
    display: block;
}

/* ============================================
   Images & Media
   ============================================ */

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

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

body.rtl .wp-caption-text {
    text-align: right;
}

body.rtl .post-thumbnail {
    margin-right: 0;
    margin-left: 0;
}

/* ============================================
   Tables
   ============================================ */

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

body.rtl th,
body.rtl td {
    text-align: right;
}

/* ============================================
   Buttons
   ============================================ */

body.rtl .btn,
body.rtl button,
body.rtl input[type="submit"],
body.rtl input[type="button"],
body.rtl .wp-block-button {
    direction: rtl;
}

body.rtl .read-more-link {
    float: right;
}

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

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

/* ============================================
   Pagination
   ============================================ */

body.rtl .pagination {
    direction: rtl;
}

body.rtl .page-numbers {
    float: right;
    margin-right: 0;
    margin-left: 5px;
}

/* ============================================
   Back to Top Button
   ============================================ */

body.rtl .back-to-top {
    right: auto;
    left: 20px;
}

/* ============================================
   Admin Bar (when logged in)
   ============================================ */

body.rtl.admin-bar .site-header.sticky {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.rtl.admin-bar .site-header.sticky {
        top: 46px;
    }
}

/* ============================================
   WordPress Blocks (Gutenberg)
   ============================================ */

body.rtl .wp-block-group {
    direction: rtl;
}

body.rtl .wp-block-columns {
    direction: rtl;
}

body.rtl .wp-block-column {
    text-align: right;
}

body.rtl .wp-block-image {
    direction: rtl;
}

body.rtl .wp-block-image figcaption {
    text-align: right;
}

body.rtl .wp-block-quote {
    border-right: 4px solid var(--primary-color);
    border-left: none;
    padding-right: 1em;
    padding-left: 0;
    text-align: right;
}

body.rtl .wp-block-pullquote {
    text-align: right;
    border-right: 4px solid var(--primary-color);
    border-left: none;
}

body.rtl .wp-block-media-text {
    direction: rtl;
}

body.rtl .wp-block-media-text.has-media-on-the-right {
    flex-direction: row;
}

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

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

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

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

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

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

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

body.rtl .children {
    padding-right: 2em;
    padding-left: 0;
}

/* ============================================
   Mobile Responsive RTL
   ============================================ */

@media (max-width: 768px) {
    body.rtl .main-navigation ul {
        text-align: right;
    }

    body.rtl .site-branding {
        text-align: right;
    }

    body.rtl .menu-toggle {
        float: right;
    }

    body.rtl .widget-area {
        float: none;
    }

    body.rtl .site-main {
        float: none;
    }
}

/* ============================================
   WooCommerce RTL Support
   ============================================ */

body.rtl.woocommerce ul.products {
    direction: rtl;
}

body.rtl.woocommerce .product {
    text-align: right;
}

body.rtl.woocommerce .price {
    direction: ltr;
    float: right;
}

body.rtl.woocommerce .cart-button {
    float: left;
}

/* ============================================
   Custom RTL Enhancements
   ============================================ */

/* Numbers should stay LTR */
body.rtl .entry-meta time,
body.rtl .entry-meta .comment-count,
body.rtl .page-numbers,
body.rtl .post-count {
    direction: ltr;
    display: inline-block;
}

/* Email addresses and URLs should stay LTR */
body.rtl a[href^="mailto:"],
body.rtl a[href^="http://"],
body.rtl a[href^="https://"] {
    direction: ltr;
    unicode-bidi: embed;
}

/* Code blocks should stay LTR */
body.rtl code,
body.rtl pre,
body.rtl kbd,
body.rtl samp {
    direction: ltr;
    text-align: left;
}

/* Preserve English text direction in specific contexts */
body.rtl .lang-en {
    direction: ltr;
    text-align: left;
}

/* ============================================
   Accessibility for RTL
   ============================================ */

body.rtl .screen-reader-text:focus {
    right: 5px;
    left: auto;
}

body.rtl .skip-link {
    text-align: right;
}

/* ============================================
   Print Styles for RTL
   ============================================ */

@media print {
    body.rtl {
        direction: rtl;
        text-align: right;
    }

    body.rtl .site-header,
    body.rtl .site-footer,
    body.rtl .sidebar {
        direction: rtl;
    }
}