/**
 * RTL (Right-to-Left) Styles for Arabic Mode
 * Applied when body has .rtl-mode or .arabic-mode class
 * Follows project performance standards - no !important declarations
 */

/* Base RTL Direction */
body.rtl-mode {
    direction: rtl;
}

/* Header RTL Adjustments - Only for navigation elements */
body.rtl-mode .main-navigation ul {
    direction: rtl;
}

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

/* Mobile Menu RTL - Slide from RIGHT in Arabic mode */
body.rtl-mode .mobile-menu {
    left: auto;
    right: -400px;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease;
}

body.rtl-mode .mobile-menu.active {
    left: auto;
    right: 0;
}

/* Mobile Menu RTL Responsive */
@media (max-width: 991px) {
    body.rtl-mode .mobile-menu {
        right: -100%;
        left: auto;
    }
}

/* Cart Panel RTL - Slide from LEFT in Arabic mode */
body.rtl-mode .cart-panel {
    right: auto;
    left: -400px;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    transition: left 0.3s ease;
}

body.rtl-mode .cart-panel.active {
    right: auto;
    left: 0;
}

/* Cart Panel RTL Responsive */
@media (max-width: 991px) {
    body.rtl-mode .cart-panel {
        left: -100%;
        right: auto;
    }
}

/* Header Actions RTL */
body.rtl-mode .header-actions {
    direction: rtl;
}

body.rtl-mode .header-actions .search-wrapper {
    margin-left: 20px;
    margin-right: 0;
}

body.rtl-mode .header-actions .search-wrapper:first-child {
    margin-left: 0;
}

body.rtl-mode .header-actions .cart-link:last-child {
    margin-left: 20px;
}

/* Header Elements RTL Order */
body.rtl-mode .search-toggle {
    order: 3;
}

body.rtl-mode .cart-link {
    order: 2;
}

body.rtl-mode .menu-toggle {
    order: 1;
}

/* Logo RTL */
body.rtl-mode .site-branding {
    direction: ltr;
}

/* Top Bar RTL - Comprehensive Support */
body.rtl-mode .announcement-bar,
body.arabic-mode .announcement-bar {
    direction: rtl;
}

body.rtl-mode .announcement-content,
body.arabic-mode .announcement-content {
    direction: rtl;
}

body.rtl-mode .announcement-marquee,
body.arabic-mode .announcement-marquee {
    direction: rtl;
    animation: announcement-marquee-rtl 20s linear infinite;
}

body.rtl-mode .announcement-text,
body.arabic-mode .announcement-text {
    direction: rtl;
    text-align: right;
    unicode-bidi: embed;
}

body.rtl-mode .announcement-separator,
body.arabic-mode .announcement-separator {
    direction: rtl;
}

/* Enhanced RTL text support for top bar */
body.rtl-mode .announcement-marquee span,
body.arabic-mode .announcement-marquee span {
    direction: rtl;
    text-align: right;
    unicode-bidi: embed;
}

body.rtl-mode .announcement-content *,
body.arabic-mode .announcement-content * {
    direction: rtl;
}

/* RTL Marquee Animation - Left to Right (Same speed as LTR) */
@keyframes announcement-marquee-rtl {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(50%);
    }
}

/* Footer RTL */
body.rtl-mode .footer-widgets {
    direction: rtl;
}

body.rtl-mode .footer-widget {
    direction: rtl;
}

body.rtl-mode .footer-menu {
    direction: rtl;
}

body.rtl-mode .footer-menu li {
    direction: rtl;
}

/* Social Icons RTL */
body.rtl-mode .codlion-social-links {
    direction: rtl;
}

body.rtl-mode .codlion-social-icon {
    margin-left: 15px;
    margin-right: 0;
}

body.rtl-mode .codlion-social-icon:first-child {
    margin-left: 0;
}

body.rtl-mode .codlion-social-icon:last-child {
    margin-left: 15px;
}

/* Dropdown Menu RTL Support - Comprehensive */
body.rtl-mode .dropdown-menu,
body.arabic-mode .dropdown-menu {
    direction: rtl;
}

body.rtl-mode .dropdown-menu .pos-search__container,
body.arabic-mode .dropdown-menu .pos-search__container {
    direction: rtl;
    flex-direction: row-reverse;
}

body.rtl-mode .dropdown-menu input[type="search"],
body.rtl-mode .dropdown-menu .pos-search__input,
body.arabic-mode .dropdown-menu input[type="search"],
body.arabic-mode .dropdown-menu .pos-search__input {
    direction: rtl;
    text-align: right;
    border-radius: 0 5px 5px 0;
    border-right: 1px solid var(--cl-border, #ddd);
    border-left: none;
}

body.rtl-mode .dropdown-menu .pos-search__submit,
body.arabic-mode .dropdown-menu .pos-search__submit {
    order: -1;
    border-radius: 5px 0 0 5px;
}

body.rtl-mode .dropdown-menu form,
body.arabic-mode .dropdown-menu form {
    direction: rtl;
}

/* RTL Search Overlay Elements */
body.rtl-mode .search-overlay-logo,
body.arabic-mode .search-overlay-logo {
    left: auto;
    right: 30px;
}

body.rtl-mode .dialog-lightbox-close-button,
body.arabic-mode .dialog-lightbox-close-button {
    right: auto;
    left: 20px;
}

body.rtl-mode .search-clear,
body.arabic-mode .search-clear {
    right: auto;
    left: 60px;
}

/* RTL Mobile Responsive Overrides */
@media (max-width: 991px) {
    /* RTL Mobile Close Button - Maximum specificity to override mobile styles */
    body.rtl-mode .dropdown-menu .dialog-lightbox-close-button.dialog-close-button,
    body.rtl-mode .dialog-lightbox-close-button,
    body.rtl-mode body .dialog-lightbox-close-button,
    body.arabic-mode .dropdown-menu .dialog-lightbox-close-button.dialog-close-button,
    body.arabic-mode .dialog-lightbox-close-button,
    body.arabic-mode body .dialog-lightbox-close-button {
        right: auto;
        left: 5px;
    }
    
    /* RTL Mobile Search Container */
    body.rtl-mode .pos-search__container,
    body.arabic-mode .pos-search__container {
        direction: rtl;
        flex-direction: row-reverse;
    }
    
    /* RTL Mobile Search Input */
    body.rtl-mode .pos-search__input,
    body.arabic-mode .pos-search__input {
        direction: rtl;
        text-align: right;
        border-radius: 0 5px 5px 0;
        border-right: 1px solid var(--cl-border, #ddd);
        border-left: none;
    }
    
    /* RTL Mobile Search Submit Button */
    body.rtl-mode .dropdown-menu form .pos-search__container .pos-search__submit,
    body.arabic-mode .dropdown-menu form .pos-search__container .pos-search__submit {
        order: -1;
        border-radius: 5px 0 0 5px;
    }
    
    /* RTL Mobile Search Clear Button */
    body.rtl-mode .search-clear,
    body.arabic-mode .search-clear {
        right: auto;
        left: 50px;
    }
}

/* Content RTL - Only for specific text content, not hero sections */
body.rtl-mode .entry-content p {
    text-align: right;
}

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

/* Form Elements RTL */
body.rtl-mode input[type="text"],
body.rtl-mode input[type="email"],
body.rtl-mode input[type="password"],
body.rtl-mode input[type="search"],
body.rtl-mode textarea,
body.rtl-mode select {
    direction: rtl;
    text-align: right;
}

/* Buttons RTL */
body.rtl-mode .btn,
body.rtl-mode .button,
body.rtl-mode button {
    direction: rtl;
}

/* Newsletter RTL */
body.rtl-mode .footer-newsletter-form {
    direction: rtl;
}

body.rtl-mode .footer-newsletter-form input[type="email"] {
    direction: rtl;
    text-align: right;
}

/* Pagination RTL */
body.rtl-mode .codlion-pagination {
    direction: rtl;
}

body.rtl-mode .page-numbers {
    direction: rtl;
}

/* Breadcrumbs RTL */
body.rtl-mode .cl-breadcrumb {
    direction: rtl;
}

/* Tables RTL */
body.rtl-mode table {
    direction: rtl;
}

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

/* Lists RTL */
body.rtl-mode ul,
body.rtl-mode ol {
    direction: rtl;
}

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

/* Floats RTL */
body.rtl-mode .float-left {
    float: right;
}

body.rtl-mode .float-right {
    float: left;
}

/* Text Alignment RTL */
body.rtl-mode .text-left {
    text-align: right;
}

body.rtl-mode .text-right {
    text-align: left;
}

/* Margins and Padding RTL Adjustments */
body.rtl-mode .margin-left {
    margin-left: 0;
    margin-right: var(--margin-value, 20px);
}

body.rtl-mode .margin-right {
    margin-right: 0;
    margin-left: var(--margin-value, 20px);
}

body.rtl-mode .padding-left {
    padding-left: 0;
    padding-right: var(--padding-value, 20px);
}

body.rtl-mode .padding-right {
    padding-right: 0;
    padding-left: var(--padding-value, 20px);
}

/* WordPress Core RTL Support */
body.rtl-mode .wp-block-group {
    direction: rtl;
}

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

body.rtl-mode .wp-block-column {
    direction: rtl;
}

/* Ensure proper RTL behavior for flex containers */
body.rtl-mode .flex-container {
    direction: rtl;
}

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

/* Grid RTL Support */
body.rtl-mode .grid-container {
    direction: rtl;
}