/**
 * RTL Styles for Ashrey Natural Theme
 * Complete RTL support for all components and layouts
 * 
 * @package Ashrey_Natural
 * @version 1.0.0
 */

/* ========================================
   Base RTL Setup
   ======================================== */
body.rtl,
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* ========================================
   Typography
   ======================================== */
.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5,
.rtl h6,
.rtl p,
.rtl li,
.rtl td,
.rtl th {
    text-align: right;
}

.rtl .text-left {
    text-align: right !important;
}

.rtl .text-right {
    text-align: left !important;
}

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

/* Header Layout */
.rtl .header-content {
    direction: rtl;
}

.rtl .site-branding {
    margin-left: var(--spacing-lg);
    margin-right: 0;
}

/* Main Navigation */
.rtl .main-navigation {
    text-align: right;
}

.rtl .primary-menu-list {
    flex-direction: row-reverse;
}

.rtl .primary-menu-list .sub-menu {
    left: auto;
    right: 0;
    text-align: right;
}

.rtl .primary-menu-list .sub-menu .sub-menu {
    right: 100%;
    left: auto;
}

/* Mobile Menu */
.rtl .menu-toggle {
    margin-left: 0;
    margin-right: auto;
}

.rtl .primary-menu-wrapper {
    right: auto;
    left: -100%;
}

.rtl .menu-toggle[aria-expanded="true"] + .primary-menu-wrapper {
    right: auto;
    left: 0;
}

/* Header Actions */
.rtl .header-actions {
    margin-right: auto;
    margin-left: 0;
}

.rtl .header-cart-link .cart-count {
    right: auto;
    left: 4px;
}

.rtl .header-store-link {
    margin-left: 0;
    margin-right: var(--spacing-sm);
}

/* Search Overlay */
.rtl .search-close {
    right: auto;
    left: var(--spacing-lg);
}

.rtl .search-submit {
    right: auto;
    left: var(--spacing-sm);
}

.rtl .search-input {
    padding-right: var(--spacing-md);
    padding-left: calc(var(--spacing-md) + 52px);
}

/* Breadcrumbs */
.rtl .breadcrumb-list {
    direction: rtl;
}

.rtl .breadcrumb-separator {
    margin: 0 var(--spacing-xs);
    transform: scaleX(-1);
}

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

/* Footer Grid */
.rtl .footer-grid {
    direction: rtl;
}

.rtl .footer-column {
    text-align: right;
}

/* Social Links */
.rtl .social-links {
    justify-content: flex-start;
}

/* Footer Menu */
.rtl .footer-menu,
.rtl .footer-category-list {
    text-align: right;
}

.rtl .footer-menu a:hover,
.rtl .footer-category-list a:hover {
    padding-left: 0;
    padding-right: var(--spacing-xs);
}

/* Newsletter */
.rtl .newsletter-input-wrapper {
    direction: rtl;
}

/* Footer Bottom */
.rtl .footer-bottom-content {
    direction: rtl;
}

.rtl .footer-bottom-menu {
    flex-direction: row-reverse;
}

/* Back to Top */
.rtl .back-to-top {
    right: auto;
    left: var(--spacing-xl);
}

@media (max-width: 768px) {
    .rtl .back-to-top {
        left: var(--spacing-md);
    }
}

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

.rtl .btn-icon-left {
    flex-direction: row-reverse;
}

.rtl .btn-icon-right {
    flex-direction: row;
}

.rtl .btn-icon-left .icon {
    margin-left: var(--spacing-xs);
    margin-right: 0;
}

.rtl .btn-icon-right .icon {
    margin-right: var(--spacing-xs);
    margin-left: 0;
}

/* WhatsApp Button */
.rtl .btn-whatsapp::before {
    margin-left: var(--spacing-xs);
    margin-right: 0;
}

/* ========================================
   Cards
   ======================================== */

/* Product Cards */
.rtl .product-card {
    text-align: right;
}

.rtl .product-card-badge {
    right: auto;
    left: var(--spacing-sm);
}

.rtl .product-card-actions {
    direction: rtl;
}

.rtl .product-card-price {
    direction: rtl;
}

/* Article Cards */
.rtl .article-card {
    text-align: right;
}

.rtl .article-card-meta {
    direction: rtl;
}

.rtl .article-card-author::before {
    margin-left: var(--spacing-xs);
    margin-right: 0;
}

.rtl .article-card-date::before {
    margin-left: var(--spacing-xs);
    margin-right: 0;
}

/* Ingredient Cards */
.rtl .ingredient-card {
    text-align: right;
}

.rtl .ingredient-card-rating {
    direction: rtl;
}

/* Routine Cards */
.rtl .routine-card {
    text-align: right;
}

.rtl .routine-card-steps {
    direction: rtl;
}

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

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

.rtl select {
    background-position: left var(--spacing-sm) center;
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-md);
}

/* Checkboxes and Radios */
.rtl input[type="checkbox"],
.rtl input[type="radio"] {
    margin-right: 0;
    margin-left: var(--spacing-xs);
}

.rtl .form-check {
    flex-direction: row-reverse;
}

.rtl .form-check label {
    text-align: right;
}

/* Form Required */
.rtl .form-required::after {
    margin-left: 0;
    margin-right: 2px;
}

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

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

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

.rtl .search-filters {
    direction: rtl;
}

.rtl .filter-group {
    text-align: right;
}

/* ========================================
   Pagination
   ======================================== */
.rtl .pagination {
    direction: rtl;
    flex-direction: row-reverse;
}

.rtl .page-numbers.prev::before {
    content: "→";
}

.rtl .page-numbers.next::after {
    content: "←";
}

/* Post Navigation */
.rtl .post-navigation {
    direction: rtl;
}

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

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

/* Load More */
.rtl .load-more-btn {
    direction: rtl;
}

/* ========================================
   Archives & Taxonomies
   ======================================== */

/* Archive Header */
.rtl .archive-header {
    text-align: right;
}

.rtl .archive-description {
    text-align: right;
}

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

.rtl .filter-group {
    text-align: right;
}

.rtl .filter-title::after {
    margin-left: 0;
    margin-right: auto;
}

/* Category Tabs */
.rtl .category-tabs {
    direction: rtl;
}

.rtl .category-tab {
    text-align: center;
}

/* Product Grid */
.rtl .product-grid {
    direction: rtl;
}

/* Article Grid */
.rtl .article-grid {
    direction: rtl;
}

/* ========================================
   Single Templates
   ======================================== */

/* Single Product */
.rtl .product-header {
    text-align: right;
}

.rtl .product-gallery {
    direction: rtl;
}

.rtl .product-info {
    text-align: right;
}

.rtl .product-meta {
    direction: rtl;
}

.rtl .product-rating {
    direction: rtl;
}

.rtl .product-rating-stars {
    direction: ltr; /* Keep stars left-to-right */
}

.rtl .product-ingredients-list {
    text-align: right;
}

.rtl .ingredient-item {
    direction: rtl;
}

/* Single Article */
.rtl .article-header {
    text-align: right;
}

.rtl .article-meta {
    direction: rtl;
}

.rtl .article-content {
    text-align: right;
}

.rtl .article-tags {
    direction: rtl;
}

/* Single Ingredient */
.rtl .ingredient-header {
    text-align: right;
}

.rtl .ingredient-details {
    text-align: right;
}

.rtl .ingredient-properties {
    direction: rtl;
}

/* Single Routine */
.rtl .routine-header {
    text-align: right;
}

.rtl .routine-steps {
    direction: rtl;
}

.rtl .routine-step {
    text-align: right;
}

.rtl .routine-step-number {
    margin-left: var(--spacing-md);
    margin-right: 0;
}

/* ========================================
   Comparison Pages
   ======================================== */
.rtl .comparison-table {
    direction: rtl;
}

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

.rtl .comparison-item {
    text-align: right;
}

/* ========================================
   Search Results
   ======================================== */
.rtl .search-results {
    direction: rtl;
}

.rtl .search-result-item {
    text-align: right;
}

.rtl .search-result-meta {
    direction: rtl;
}

/* ========================================
   Widgets & Sidebar
   ======================================== */
.rtl .widget {
    text-align: right;
}

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

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

.rtl .widget ul li::before {
    right: 0;
    left: auto;
    margin-left: var(--spacing-xs);
    margin-right: 0;
}

/* ========================================
   Lists
   ======================================== */
.rtl ul,
.rtl ol {
    padding-right: var(--spacing-lg);
    padding-left: 0;
}

.rtl ul ul,
.rtl ol ol,
.rtl ul ol,
.rtl ol ul {
    padding-right: var(--spacing-md);
    padding-left: 0;
}

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

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

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

/* ========================================
   Images & Media
   ======================================== */
.rtl .alignleft {
    float: right;
    margin: 0 0 var(--spacing-md) var(--spacing-md);
}

.rtl .alignright {
    float: left;
    margin: 0 var(--spacing-md) var(--spacing-md) 0;
}

.rtl .wp-caption.alignleft {
    margin: 0 0 var(--spacing-md) var(--spacing-md);
}

.rtl .wp-caption.alignright {
    margin: 0 var(--spacing-md) var(--spacing-md) 0;
}

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

/* ========================================
   Blockquote
   ======================================== */
.rtl blockquote {
    border-left: none;
    border-right: 4px solid var(--color-primary);
    padding-left: 0;
    padding-right: var(--spacing-lg);
    margin-left: 0;
    margin-right: 0;
}

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

/* ========================================
   Code Blocks
   ======================================== */
.rtl pre,
.rtl code {
    direction: ltr;
    text-align: left;
}

/* ========================================
   FAQ Section
   ======================================== */
.rtl .faq-section {
    direction: rtl;
}

.rtl .faq-item {
    text-align: right;
}

.rtl .faq-question {
    text-align: right;
}

.rtl .faq-question::after {
    left: var(--spacing-md);
    right: auto;
}

.rtl .faq-answer {
    text-align: right;
}

/* ========================================
   Related Items
   ======================================== */
.rtl .related-items {
    direction: rtl;
}

.rtl .related-items-title {
    text-align: right;
}

.rtl .related-items-grid {
    direction: rtl;
}

/* ========================================
   Rating & Reviews
   ======================================== */
.rtl .rating-container {
    direction: rtl;
}

.rtl .rating-stars {
    direction: ltr; /* Keep stars left-to-right */
}

.rtl .rating-count {
    margin-right: var(--spacing-xs);
    margin-left: 0;
}

.rtl .review-item {
    text-align: right;
}

.rtl .review-author {
    text-align: right;
}

.rtl .review-content {
    text-align: right;
}

/* ========================================
   Share Buttons
   ======================================== */
.rtl .share-buttons {
    direction: rtl;
}

.rtl .share-button {
    margin-left: var(--spacing-xs);
    margin-right: 0;
}

.rtl .share-button:last-child {
    margin-left: 0;
}

/* ========================================
   Tags & Categories
   ======================================== */
.rtl .tags-list,
.rtl .categories-list {
    direction: rtl;
}

.rtl .tag,
.rtl .category-badge {
    margin-left: var(--spacing-xs);
    margin-right: 0;
}

.rtl .tag:last-child,
.rtl .category-badge:last-child {
    margin-left: 0;
}

/* ========================================
   Modal & Overlay
   ======================================== */
.rtl .modal-content {
    text-align: right;
}

.rtl .modal-header {
    direction: rtl;
}

.rtl .modal-close {
    right: auto;
    left: var(--spacing-md);
}

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

.rtl .modal-footer {
    direction: rtl;
    justify-content: flex-start;
}

/* ========================================
   Loading States
   ======================================== */
.rtl .loading-spinner {
    direction: ltr;
}

.rtl .loading-text {
    margin-right: var(--spacing-sm);
    margin-left: 0;
}

/* ========================================
   Notifications & Alerts
   ======================================== */
.rtl .notification,
.rtl .alert {
    text-align: right;
    direction: rtl;
}

.rtl .notification-icon {
    margin-left: var(--spacing-sm);
    margin-right: 0;
}

.rtl .notification-close {
    right: auto;
    left: var(--spacing-sm);
}

/* ========================================
   Dropdown & Select Menus
   ======================================== */
.rtl .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

.rtl .dropdown-item {
    text-align: right;
}

/* ========================================
   Progress Bars
   ======================================== */
.rtl .progress-bar {
    direction: ltr; /* Keep progress left-to-right */
}

/* ========================================
   Tooltips
   ======================================== */
.rtl .tooltip {
    direction: rtl;
}

.rtl .tooltip-content {
    text-align: right;
}

/* ========================================
   Comments (if used)
   ======================================== */
.rtl .comment-list {
    text-align: right;
}

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

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

.rtl .comment-reply-link {
    float: left;
}

.rtl .children {
    padding-right: var(--spacing-2xl);
    padding-left: 0;
}

/* ========================================
   Responsive RTL Adjustments
   ======================================== */

@media (max-width: 1024px) {
    .rtl .primary-menu-wrapper {
        right: auto;
        left: -100%;
    }
    
    .rtl .menu-toggle[aria-expanded="true"] + .primary-menu-wrapper {
        left: 0;
    }
}

@media (max-width: 768px) {
    .rtl .footer-grid {
        text-align: right;
    }
    
    .rtl .search-input {
        padding-right: var(--spacing-md);
        padding-left: calc(var(--spacing-md) + 52px);
    }
    
    .rtl .header-store-link {
        margin-right: 0;
    }
}

@media (max-width: 480px) {
    .rtl .page-numbers.prev span,
    .rtl .page-numbers.next span {
        display: none;
    }
}

/* ========================================
   Print Styles RTL
   ======================================== */
@media print {
    .rtl * {
        text-align: right !important;
        direction: rtl !important;
    }
}

/* ========================================
   Accessibility - RTL Focus States
   ======================================== */
.rtl *:focus-visible {
    outline-offset: 2px;
}

/* ========================================
   RTL Utility Classes
   ======================================== */
.rtl .mr-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

.rtl .ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

.rtl .pr-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.rtl .pl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ========================================
   RTL Animation Adjustments
   ======================================== */
.rtl .slide-in-left {
    animation-name: slideInRight;
}

.rtl .slide-in-right {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

/* ========================================
   End of RTL Styles
   ======================================== */