/**
 * 宋向元汝瓷官网 - RTL布局支持
 * 阿拉伯语等从右到左阅读的语言支持
 */

/* ═══════════════════════════════════════════════════════════
   RTL基础覆盖
═══════════════════════════════════════════════════════════ */

[dir="rtl"] {
  /* 文字对齐 */
  text-align: right;
}

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

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

/* ═══════════════════════════════════════════════════════════
   导航RTL
═══════════════════════════════════════════════════════════ */

[dir="rtl"] .nav-list {
  flex-direction: row-reverse;
}

[dir="rtl"] .nav-link::after {
  left: auto;
  right: 0;
}

/* 语言切换器RTL - 保持语言切换器在视觉右侧 */
[dir="rtl"] .nav {
  flex-direction: row;
}

[dir="rtl"] .nav-list {
  flex-direction: row-reverse;
}

[dir="rtl"] .lang-switcher {
  order: 2;
}

[dir="rtl"] .menu-toggle {
  order: 1;
}

/* ═══════════════════════════════════════════════════════════
   布局RTL
═══════════════════════════════════════════════════════════ */

[dir="rtl"] .ml-auto {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] .mr-auto {
  margin-right: 0;
  margin-left: auto;
}

[dir="rtl"] .pl-0 {
  padding-left: 0;
}

[dir="rtl"] .pr-0 {
  padding-right: 0;
}

/* Grid RTL */
[dir="rtl"] .grid {
  direction: rtl;
}

/* Flexbox RTL */
[dir="rtl"] .flex-row {
  flex-direction: row-reverse;
}

/* ═══════════════════════════════════════════════════════════
   卡片RTL
═══════════════════════════════════════════════════════════ */

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

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

/* ═══════════════════════════════════════════════════════════
   表单RTL
═══════════════════════════════════════════════════════════ */

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

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

[dir="rtl"] input::placeholder,
[dir="rtl"] textarea::placeholder {
  text-align: right;
}

/* ═══════════════════════════════════════════════════════════
   按钮RTL
═══════════════════════════════════════════════════════════ */

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

/* ═══════════════════════════════════════════════════════════
   引用框RTL
═══════════════════════════════════════════════════════════ */

[dir="rtl"] .quote-box {
  border-left: none;
  border-right: 4px solid var(--color-gold);
  border-radius: var(--radius-xl) 0 0 var(--radius-xl);
}

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

/* ═══════════════════════════════════════════════════════════
   分页RTL
═══════════════════════════════════════════════════════════ */

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

/* ═══════════════════════════════════════════════════════════
   页脚RTL
═══════════════════════════════════════════════════════════ */

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

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

[dir="rtl"] .footer-links {
  align-items: flex-end;
}

/* ═══════════════════════════════════════════════════════════
   Hero RTL
═══════════════════════════════════════════════════════════ */

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

[dir="rtl"] .hero-cta {
  flex-direction: row-reverse;
}

/* ═══════════════════════════════════════════════════════════
   时间轴RTL
═══════════════════════════════════════════════════════════ */

[dir="rtl"] .timeline {
  padding-left: 0;
  padding-right: var(--space-12);
}

[dir="rtl"] .timeline::before {
  left: auto;
  right: 0;
}

[dir="rtl"] .timeline-marker {
  left: auto;
  right: calc(-1 * var(--space-12) - 6px);
}

/* ═══════════════════════════════════════════════════════════
   语言切换器RTL
═══════════════════════════════════════════════════════════ */

[dir="rtl"] .lang-dropdown {
  right: auto;
  left: 0;
}

[dir="rtl"] .lang-item {
  flex-direction: row-reverse;
  white-space: nowrap;
}

/* ═══════════════════════════════════════════════════════════
   面包屑RTL
═══════════════════════════════════════════════════════════ */

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

[dir="rtl"] .breadcrumb-separator {
  transform: scaleX(-1);
}

/* ═══════════════════════════════════════════════════════════
   区块标题RTL
═══════════════════════════════════════════════════════════ */

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

/* ═══════════════════════════════════════════════════════════
   统计组件RTL
═══════════════════════════════════════════════════════════ */

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

/* ═══════════════════════════════════════════════════════════
   箭头图标RTL
═══════════════════════════════════════════════════════════ */

[dir="rtl"] .icon-arrow-right {
  transform: scaleX(-1);
}

[dir="rtl"] .icon-arrow-left {
  transform: scaleX(-1);
}

[dir="rtl"] .icon-chevron-right {
  transform: scaleX(-1);
}

[dir="rtl"] .icon-chevron-left {
  transform: scaleX(-1);
}

/* ═══════════════════════════════════════════════════════════
   列表样式RTL
═══════════════════════════════════════════════════════════ */

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

[dir="rtl"] li {
  padding-left: 0;
  padding-right: var(--space-3);
}

/* ═══════════════════════════════════════════════════════════
   滚动动画RTL
═══════════════════════════════════════════════════════════ */

[dir="rtl"] .slide-in-right {
  animation-name: slideInLeft;
}

[dir="rtl"] .slide-in-left {
  animation-name: slideInRight;
}

/* ═══════════════════════════════════════════════════════════
   移动端菜单RTL
═══════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {
  [dir="rtl"] .nav-list {
    left: auto;
    right: 0;
  }
  
  [dir="rtl"] .menu-toggle.active span:nth-child(1) {
    transform: rotate(-45deg) translate(-5px, 5px);
  }
  
  [dir="rtl"] .menu-toggle.active span:nth-child(3) {
    transform: rotate(45deg) translate(-5px, -5px);
  }
}

/* ═══════════════════════════════════════════════════════════
   Logo RTL
═══════════════════════════════════════════════════════════ */

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

/* ═══════════════════════════════════════════════════════════
   按钮组RTL
═══════════════════════════════════════════════════════════ */

[dir="rtl"] .btn-group {
  flex-direction: row-reverse;
}

/* ═════════════════════════════════════════════════════════
   语言切换器RTL修复 - 确保按钮可以正常使用
══════════════════════════════════════════════════════════ */

/* 增强语言切换器在RTL模式下的样式 */
[dir="rtl"] .lang-switcher {
  position: relative;
  z-index: var(--z-dropdown);
}

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

[dir="rtl"] .lang-dropdown {
  right: auto;
  left: 0;
  z-index: calc(var(--z-dropdown) + 10);
  text-align: right;
  direction: rtl;
}

[dir="rtl"] .lang-item {
  flex-direction: row-reverse;
  text-align: right;
  white-space: nowrap;
}

/* 移动端RTL模式优化 */
@media (max-width: 1024px) {
  [dir="rtl"] .lang-switcher {
    position: relative;
    margin-top: var(--space-4);
    z-index: var(--z-dropdown);
  }
  
  [dir="rtl"] .nav-list.active ~ .lang-switcher {
    display: flex !important;
    visibility: visible !important;
  }
}