/**
 * TrendMix RTL Overrides
 * Right-to-Left language support
 *
 * @package TrendMix
 */

/* ==================================================
   BASE RTL
   ================================================== */

[dir="rtl"] {
  direction: rtl;
}

[dir="rtl"] body {
  font-family: var(--font-arabic);
  text-align: right;
}

/* Arabic headings */

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  font-family: var(--font-arabic);
  letter-spacing: 0;
  line-height: 1.4;
}


/* ==================================================
   LISTS
   ================================================== */

[dir="rtl"] ul,
[dir="rtl"] ol {
  padding-left: 0;
  padding-right: var(--space-6);
}


/* ==================================================
   BLOCKQUOTES
   ================================================== */

[dir="rtl"] blockquote {
  border-left: none;
  border-right: 3px solid var(--color-accent);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}


/* ==================================================
   CODE
   ================================================== */

[dir="rtl"] pre {
  border-left: none;
  border-right: 3px solid var(--color-primary);
  text-align: left;
  direction: ltr;
}


/* ==================================================
   TABLES
   ================================================== */

[dir="rtl"] table {
  direction: rtl;
}

[dir="rtl"] th,
[dir="rtl"] td {
  text-align: right;
}


/* ==================================================
   SKIP LINK
   ================================================== */

[dir="rtl"] .skip-link {
  left: auto;
  right: var(--space-4);
}


/* ==================================================
   HEADER
   ================================================== */

[dir="rtl"] .site-header-inner,
[dir="rtl"] .header-actions,
[dir="rtl"] .nav-menu {
  direction: rtl;
}

[dir="rtl"] .nav-item.menu-item-has-children > ul {
  left: auto;
  right: 0;
}


/* ==================================================
   MOBILE NAVIGATION
   ================================================== */

[dir="rtl"] .mobile-nav {
  transform: translateX(100%);
}

[dir="rtl"] .mobile-nav.is-open {
  transform: translateX(0);
}

[dir="rtl"] .mobile-nav-menu .sub-menu {
  padding-left: 0;
  padding-right: var(--space-4);
}

[dir="rtl"] .mobile-nav .nav-menu {
  direction: rtl;
}

[dir="rtl"] .mobile-nav .nav-menu a {
  text-align: right;
}


/* ==================================================
   FOOTER
   ================================================== */

[dir="rtl"] .footer-top,
[dir="rtl"] .footer-bottom,
[dir="rtl"] .footer-social,
[dir="rtl"] .footer-contact-item {
  direction: rtl;
}

[dir="rtl"] .footer-col-title,
[dir="rtl"] .footer-tagline,
[dir="rtl"] .footer-copyright {
  font-family: var(--font-arabic);
}

[dir="rtl"] .footer-col-title {
  letter-spacing: 0;
}

[dir="rtl"] .footer-nav-list {
  direction: rtl;
}


/* ==================================================
   ALERTS
   ================================================== */

[dir="rtl"] .alert {
  border-left: none;
  border-right: 4px solid;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}


/* ==================================================
   BUTTONS
   ================================================== */

[dir="rtl"] .btn,
[dir="rtl"] .tm-btn {
  font-family: var(--font-arabic);
  direction: rtl;
}

[dir="rtl"] .btn svg {
  flex-shrink: 0;
}


/* ==================================================
   FORMS
   ================================================== */

[dir="rtl"] .form-label,
[dir="rtl"] .form-input,
[dir="rtl"] .form-select,
[dir="rtl"] .form-textarea {
  font-family: var(--font-arabic);
}

[dir="rtl"] .form-input,
[dir="rtl"] .form-select,
[dir="rtl"] .form-textarea {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .form-select {
  background-position: left var(--space-3) center;
  padding-left: var(--space-10);
  padding-right: var(--space-4);
}

[dir="rtl"] .form-label .required {
  margin-left: 0;
  margin-right: var(--space-1);
}

[dir="rtl"] .form-check {
  direction: rtl;
}

[dir="rtl"] .form-error {
  direction: rtl;
  text-align: right;
}


/* ==================================================
   CARDS
   ================================================== */

[dir="rtl"] .card,
[dir="rtl"] .service-card,
[dir="rtl"] .tm-service-card,
[dir="rtl"] .tm-post-card,
[dir="rtl"] .service-card-body,
[dir="rtl"] .service-card-footer,
[dir="rtl"] .manager-card {
  direction: rtl;
  text-align: right;
}


/* ==================================================
   SERVICE DETAIL
   ================================================== */

[dir="rtl"] .service-detail,
[dir="rtl"] .service-features-list,
[dir="rtl"] .service-feature-item,
[dir="rtl"] .service-sidebar {
  direction: rtl;
}

[dir="rtl"] .faq-question {
  direction: rtl;
  flex-direction: row-reverse;
  text-align: right;
}

[dir="rtl"] .faq-answer,
[dir="rtl"] .faq-answer-inner {
  direction: rtl;
  text-align: right;
}


/* ==================================================
   PAYMENT / INSTALLMENTS
   ================================================== */

[dir="rtl"] .payment-plan-selector,
[dir="rtl"] .payment-plan-option,
[dir="rtl"] .payment-summary,
[dir="rtl"] .payment-summary-row,
[dir="rtl"] .installment-table {
  direction: rtl;
}

[dir="rtl"] .payment-summary-row {
  text-align: right;
}

[dir="rtl"] .installment-table th,
[dir="rtl"] .installment-table td {
  text-align: right;
}

[dir="rtl"] .installment-row {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .installment-row.is-current {
  border-left: none;
  border-right: 3px solid var(--color-accent);
}


/* ==================================================
   BADGES
   ================================================== */

[dir="rtl"] .badge {
  direction: rtl;
}


/* ==================================================
   GENERAL DASHBOARD
   ================================================== */

[dir="rtl"] .dashboard-grid,
[dir="rtl"] .stats-grid,
[dir="rtl"] .account-stats-grid {
  direction: rtl;
}

[dir="rtl"] .stat-card {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .stat-card-number {
  direction: rtl;
}


/* ==================================================
   ACCOUNT DASHBOARD
   ================================================== */

[dir="rtl"] .tm-account-page,
[dir="rtl"] .tm-account-layout,
[dir="rtl"] .tm-account-content,
[dir="rtl"] .tm-account-nav,
[dir="rtl"] .service-status-card {
  direction: rtl;
}


/* Sidebar */

[dir="rtl"] .tm-account-nav {
  text-align: right;
}

[dir="rtl"] .tm-account-nav-link {
  direction: rtl;
  flex-direction: row-reverse;
  text-align: right;

  border-left: none;
  border-right: 3px solid transparent;
}

[dir="rtl"] .tm-account-nav-link.is-active {
  border-left: none;
  border-right-color: var(--color-primary);
}


/* Account content */

[dir="rtl"] .tm-content-header {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .tm-content-title {
  font-family: var(--font-arabic);
}

[dir="rtl"] .tm-content-actions {
  direction: rtl;
}


/* Service cards */

[dir="rtl"] .service-status-card-inner {
  direction: rtl;
}

[dir="rtl"] .service-status-info {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .service-status-name {
  text-align: right;
}

[dir="rtl"] .service-status-meta {
  direction: rtl;
}

[dir="rtl"] .service-status-actions {
  direction: rtl;
}

[dir="rtl"] .service-card-progress {
  direction: rtl;
}

[dir="rtl"] .service-card-progress-label {
  direction: rtl;
}


/* Payment information */

[dir="rtl"] .next-payment-info {
  direction: rtl;
}


/* ==================================================
   PAYMENT PLAN DETAIL
   ================================================== */

[dir="rtl"] .payment-plan-detail {
  direction: rtl;
}

[dir="rtl"] .payment-plan-detail-header {
  direction: rtl;
}

[dir="rtl"] .payment-plan-detail-title {
  font-family: var(--font-arabic);
}

[dir="rtl"] .payment-plan-progress-section {
  direction: rtl;
}

[dir="rtl"] .plan-progress-summary {
  direction: rtl;
}

[dir="rtl"] .plan-summary-item {
  text-align: center;
}

[dir="rtl"] .payment-plan-table-section {
  direction: rtl;
}


/* ==================================================
   PAY INSTALLMENT
   ================================================== */

[dir="rtl"] .pay-installment-page,
[dir="rtl"] .pay-installment-card {
  direction: rtl;
}

[dir="rtl"] .pay-installment-header {
  text-align: right;
}

[dir="rtl"] .pay-installment-amount {
  direction: rtl;
}

[dir="rtl"] .pay-installment-body {
  direction: rtl;
}

[dir="rtl"] .installment-confirmation-row {
  direction: rtl;
}

[dir="rtl"] .installment-confirmation-label {
  text-align: right;
}

[dir="rtl"] .installment-confirmation-value {
  text-align: left;
}


/* ==================================================
   MANAGER DASHBOARD
   ================================================== */

[dir="rtl"] .manager-services-list {
  direction: rtl;
}

[dir="rtl"] .manager-service-row {
  direction: rtl;
}

[dir="rtl"] .manager-service-info {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .manager-service-name {
  text-align: right;
}

[dir="rtl"] .manager-service-stats {
  direction: rtl;
}

[dir="rtl"] .manager-stat {
  direction: rtl;
  text-align: right;
}


/* ==================================================
   EMPTY STATES
   ================================================== */

[dir="rtl"] .tm-empty-state {
  direction: rtl;
  text-align: center;
}

[dir="rtl"] .tm-empty-title,
[dir="rtl"] .tm-empty-text {
  font-family: var(--font-arabic);
}


/* ==================================================
   ORDERS TABLE
   ================================================== */

[dir="rtl"] .tm-orders-table {
  direction: rtl;
}

[dir="rtl"] .tm-orders-table .table {
  direction: rtl;
}

[dir="rtl"] .order-service-name,
[dir="rtl"] .order-service-plan {
  text-align: right;
}


/* ==================================================
   SECTION HEADERS
   ================================================== */

[dir="rtl"] .section-header {
  direction: rtl;
}

[dir="rtl"] .section-title,
[dir="rtl"] .section-subtitle {
  font-family: var(--font-arabic);
}

[dir="rtl"] .section-title {
  text-align: right;
}

[dir="rtl"] .section-subtitle {
  text-align: right;
}


/* ==================================================
   PROCESS / STATS
   ================================================== */

[dir="rtl"] .process-steps,
[dir="rtl"] .stats-grid {
  direction: rtl;
}

[dir="rtl"] .stat-item {
  border-right: none;
  border-left: 1px solid var(--color-border);
}

[dir="rtl"] .stat-item:last-child {
  border-left: none;
}


/* ==================================================
   FRONT PAGE HERO
   ================================================== */

[dir="rtl"] .tm-hero {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .tm-hero__actions {
  direction: rtl;
  justify-content: flex-start;
}

[dir="rtl"] .tm-hero__actions .btn {
  direction: rtl;
}

[dir="rtl"] .tm-hero__actions .btn--primary,
[dir="rtl"] .tm-hero__actions .btn--outline {
  flex-direction: row-reverse;
}

[dir="rtl"] .tm-hero__visual {
  order: -1;
}


/* Desktop hero */

@media (min-width: 1024px) {

  [dir="rtl"] .tm-hero__visual {
    order: initial;
  }

}


/* Hero icon spacing */

[dir="rtl"] .tm-hero .btn svg {
  margin-left: var(--space-2);
  margin-right: 0;
}

[dir="rtl"] .tm-hero .btn svg.rotate-180 {
  transform: rotate(180deg);
}


/* Hero flex helpers */

[dir="rtl"] .tm-hero .flex.items-center.justify-between {
  flex-direction: row-reverse;
}

[dir="rtl"] .tm-hero .space-x-2 {
  direction: ltr;
}

[dir="rtl"] .tm-hero .flex-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
}


/* ==================================================
   PRODUCTS / SERVICES
   ================================================== */

[dir="rtl"] .tm-product-card__footer {
  direction: rtl;
  flex-direction: row-reverse;
}

[dir="rtl"] .tm-product-card__meta {
  direction: rtl;
  flex-direction: row-reverse;
}

[dir="rtl"] .services-preview .service-card .btn {
  text-align: right;
}


/* ==================================================
   WHY CHOOSE
   ================================================== */

[dir="rtl"] .tm-why-choose__grid {
  direction: rtl;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

[dir="rtl"] .why-choose .items-center {
  text-align: right;
}


/* ==================================================
   CATEGORIES
   ================================================== */

/*
 * Keep category scrolling natural.
 * The content itself remains visually ordered
 * while the container follows RTL.
 */

[dir="rtl"] .tm-categories-list {
  direction: rtl;
  justify-content: flex-start;
}

[dir="rtl"] .tm-categories-list::-webkit-scrollbar {
  height: 6px;
}


/* ==================================================
   FAQ
   ================================================== */

[dir="rtl"] .tm-faq-question {
  direction: rtl;
  flex-direction: row-reverse;
  text-align: right;
}

[dir="rtl"] .tm-faq-answer,
[dir="rtl"] .tm-faq-answer-inner {
  direction: rtl;
  text-align: right;
}


/* ==================================================
   CHECKLIST
   ================================================== */

[dir="rtl"] .tm-checklist li {
  direction: rtl;
  flex-direction: row-reverse;
  text-align: right;
}


/* ==================================================
   CTA
   ================================================== */

[dir="rtl"] .tm-cta--secondary {
  text-align: center;
}


/* ==================================================
   AUTHENTICATION
   ================================================== */

[dir="rtl"] .tm-auth-page,
[dir="rtl"] .tm-auth-card {
  direction: rtl;
}

[dir="rtl"] .tm-auth-page {
  text-align: right;
}

[dir="rtl"] .tm-auth-header,
[dir="rtl"] .tm-auth-toggle {
  text-align: center;
}

[dir="rtl"] .tm-auth-form-row {
  direction: rtl;
}


/* ==================================================
   WOOCOMMERCE
   ================================================== */

[dir="rtl"] .woocommerce,
[dir="rtl"] .woocommerce-page {
  direction: rtl;
}

[dir="rtl"] .woocommerce .woocommerce-checkout .form-row {
  text-align: right;
}

[dir="rtl"] .woocommerce-page .entry-title,
[dir="rtl"] .woocommerce .cart_totals h2,
[dir="rtl"] .woocommerce #order_review_heading {
  font-family: var(--font-arabic);
  text-align: right;
}


/* WooCommerce tables */

[dir="rtl"] .woocommerce table.shop_table,
[dir="rtl"] .woocommerce .tm-cart-table {
  direction: rtl;
}

[dir="rtl"] .woocommerce table.shop_table th,
[dir="rtl"] .woocommerce table.shop_table td,
[dir="rtl"] .woocommerce .tm-cart-table th {
  text-align: right;
}


/* ─── Cart Page RTL ────────────────────────────────── */

[dir="rtl"] .woocommerce-cart .cart-page-wrap {
    flex-direction: row-reverse;
}

[dir="rtl"] .woocommerce .cart_totals table th,
[dir="rtl"] .woocommerce .cart_totals table td {
    text-align: right;
}

[dir="rtl"] .woocommerce table.shop_table th,
[dir="rtl"] .woocommerce table.shop_table td {
    text-align: right;
}

[dir="rtl"] .tm-cart-table th {
    text-align: center;
}

[dir="rtl"] .tm-cart-table td.product-remove {
    text-align: center;
}


/* My Account */

[dir="rtl"] .woocommerce-account .woocommerce-MyAccount-navigation {
  float: right;
}

[dir="rtl"] .woocommerce-account .woocommerce-MyAccount-content {
  float: left;
}


/* Payment */

[dir="rtl"] .woocommerce #payment ul.payment_methods li label {
  direction: rtl;
  flex-direction: row-reverse;
  text-align: right;
}

[dir="rtl"] .woocommerce #payment ul.payment_methods input[type="radio"] {
  margin-left: 0;
  margin-right: var(--space-2);
}

/* Checkout form fields */

[dir="rtl"] .woocommerce-checkout .form-row {
  text-align: right;
}

[dir="rtl"] .woocommerce-checkout .form-row input.input-text,
[dir="rtl"] .woocommerce-checkout .form-row textarea {
  text-align: right;
}

[dir="rtl"] .tm-checkout-review-order .cart-subtotal th,
[dir="rtl"] .tm-checkout-review-order .cart-subtotal td,
[dir="rtl"] .tm-checkout-review-order .order-total th,
[dir="rtl"] .tm-checkout-review-order .order-total td {
  text-align: right;
}

[dir="rtl"] .tm-cart-table thead th {
  text-align: center;
}

[dir="rtl"] .tm-cart-table td.product-remove {
  text-align: center;
}


/* Login */

[dir="rtl"] .login-remember {
  direction: rtl;
  flex-direction: row-reverse;
  text-align: right;
}


/* ==================================================
   RTL MOBILE
   ================================================== */

@media (max-width: 768px) {

  [dir="rtl"] .tm-content-header {
    flex-direction: column;
    align-items: flex-start;
  }

  [dir="rtl"] .tm-content-actions {
    width: 100%;
    justify-content: flex-start;
  }

  [dir="rtl"] .service-status-card-inner {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  [dir="rtl"] .service-status-actions {
    grid-column: 1 / -1;
    width: 100%;
    align-items: stretch;
  }

  [dir="rtl"] .manager-service-row {
    grid-template-columns: 1fr;
  }

  [dir="rtl"] .next-payment-info {
    align-items: flex-start;
  }

}


/* ==================================================
   RTL SMALL MOBILE
   ================================================== */

@media (max-width: 480px) {

  [dir="rtl"] .service-status-card-inner {
    grid-template-columns: 1fr;
  }

  [dir="rtl"] .service-status-thumbnail {
    width: 100%;
  }

  [dir="rtl"] .service-status-actions {
    flex-direction: column;
  }

  [dir="rtl"] .installment-confirmation-row {
    align-items: flex-start;
    flex-direction: column;
  }

  [dir="rtl"] .installment-confirmation-value {
    text-align: right;
  }

}


/* ==================================================
   RTL REDUCED MOTION
   ================================================== */

@media (prefers-reduced-motion: reduce) {

  [dir="rtl"] *,
  [dir="rtl"] *::before,
  [dir="rtl"] *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }

}