/* =========================================================
   仓鼠优车 · 阿拉伯语 RTL 覆盖样式
   仅作用于 [dir="rtl"]，不影响 LTR 页面；不修改 base.css / public.css
   ========================================================= */

/* ------------------------- 基础排版 ------------------------- */

[dir="rtl"] body {
  font-family: "Segoe UI", "Tahoma", "Geeza Pro", "Arial", system-ui, -apple-system, sans-serif;
}

/* 阿拉伯语为连写文字，任何 letter-spacing 都会破坏字形连接 */
[dir="rtl"] * {
  letter-spacing: normal !important;
}

[dir="rtl"] .skip-link {
  right: 16px;
  left: auto;
}

/* ------------------------- 顶部条 / 导航 ------------------------- */

[dir="rtl"] .header-phone {
  padding-right: 0;
  padding-left: 14px;
  border-right: 0;
  border-left: 1px solid var(--line);
}

[dir="rtl"] .lang-switch-toggle {
  padding: 5px 6px 5px 10px;
}

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

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

[dir="rtl"] .mobile-menu-panel {
  right: auto;
  left: 0;
  transform: translateX(-100%);
}

[dir="rtl"] body.menu-open .mobile-menu-panel {
  transform: translateX(0);
}

/* 方向性图标（箭头）在 RTL 中水平镜像 */
[dir="rtl"] .icon-arrow {
  transform: scaleX(-1);
}

/* ------------------------- 首页 Hero ------------------------- */

[dir="rtl"] .hero-slide {
  background-image: linear-gradient(
      265deg,
      rgba(7, 11, 20, 0.95) 0%,
      rgba(7, 11, 20, 0.74) 42%,
      rgba(7, 11, 20, 0.16) 100%
    ),
    var(--hero-image, none);
}

[dir="rtl"] .hero-slide::before {
  mask-image: linear-gradient(to left, transparent 20%, #000 100%);
}

[dir="rtl"] .hero-copy,
[dir="rtl"] .page-hero-copy {
  text-align: right;
}

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

/* ------------------------- 信任条 ------------------------- */

[dir="rtl"] .trust-item + .trust-item {
  padding-right: 18px;
  padding-left: 0;
  border-right: 1px solid var(--line-soft);
  border-left: 0;
}

/* ------------------------- 分类卡片 ------------------------- */

[dir="rtl"] .category-card-arrow {
  margin-right: auto;
  margin-left: 0;
  transform: translate(4px, 4px);
}

[dir="rtl"] .category-card:hover .category-card-arrow {
  transform: none;
}

/* ------------------------- 车型卡片 ------------------------- */

[dir="rtl"] .vehicle-cat {
  right: 14px;
  left: auto;
}

[dir="rtl"] .vehicle-featured {
  right: auto;
  left: 14px;
}

[dir="rtl"] .vehicle-chips span + span::before {
  margin-right: 0;
  margin-left: 14px;
}

[dir="rtl"] .price-symbol {
  margin-right: 0;
  margin-left: 3px;
}

/* ------------------------- 为什么选择我们 ------------------------- */

[dir="rtl"] .why-media::before {
  inset: 18px 18px -18px -18px;
}

[dir="rtl"] .why-badge {
  right: -22px;
  left: auto;
}

/* ------------------------- 购车流程 ------------------------- */

[dir="rtl"] .process-step::after {
  right: auto;
  left: -30px;
}

[dir="rtl"] .process-num {
  right: auto;
  left: 20px;
}

/* ------------------------- CTA 区块 ------------------------- */

[dir="rtl"] .cta-section::before {
  right: auto;
  left: -120px;
}

[dir="rtl"] .cta-section::after {
  right: -140px;
  left: auto;
}

[dir="rtl"] .cta-hours {
  text-align: start;
}

/* ------------------------- 内页头部 ------------------------- */

[dir="rtl"] .page-hero::after {
  right: auto;
  left: -80px;
}

[dir="rtl"] .page-hero-stat {
  align-items: flex-start;
}

/* ------------------------- 车型列表页 ------------------------- */

[dir="rtl"] .list-search-icon {
  right: 14px;
  left: auto;
}

[dir="rtl"] .list-search .input {
  padding-right: 40px;
  padding-left: 14px;
}

[dir="rtl"] .list-sort .select {
  padding: 10px 14px 10px 34px;
}

[dir="rtl"] .list-clear {
  margin-right: 10px;
  margin-left: 0;
}

/* 分页箭头：LTR 下首项旋转 180 表示「上一页」，RTL 需反向 */
[dir="rtl"] .pagination .page-arrow:first-child svg {
  transform: none;
}

[dir="rtl"] .pagination .page-arrow:last-child svg {
  transform: rotate(180deg);
}

/* ------------------------- 车型详情页 ------------------------- */

[dir="rtl"] .gallery-count {
  right: auto;
  left: 14px;
}

[dir="rtl"] .detail-block-title {
  padding-right: 16px;
  padding-left: 0;
}

[dir="rtl"] .detail-block-title::before {
  right: 0;
  left: auto;
}

[dir="rtl"] .detail-spec dd {
  text-align: left;
}

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

/* ------------------------- 联系方式页 ------------------------- */

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

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

/* ------------------------- 富文本 / 参数表格 ------------------------- */

[dir="rtl"] .rich-content ul,
[dir="rtl"] .rich-content ol {
  padding-right: 22px;
  padding-left: 0;
}

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

[dir="rtl"] .rich-content blockquote {
  border-right: 3px solid var(--brand);
  border-left: 0;
  border-radius: 10px 0 0 10px;
}

/* ------------------------- 固定宽度块级图标（RTL 贴右） ------------------------- */

[dir="rtl"] .advantage-icon,
[dir="rtl"] .process-icon {
  margin-right: 0;
  margin-left: auto;
}

/* ------------------------- 响应式（镜像 public.css 断点） ------------------------- */

@media (max-width: 1080px) {
  [dir="rtl"] .trust-item:nth-child(3) {
    padding-right: 0;
    border-right: 0;
  }

  [dir="rtl"] .cta-hours {
    text-align: start;
  }
}

@media (max-width: 640px) {
  [dir="rtl"] .trust-item + .trust-item {
    padding-right: 0;
    border-right: 0;
  }

  [dir="rtl"] .why-badge {
    right: 12px;
    left: auto;
  }

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

/* 电话号码 / WhatsApp / 数字串在 RTL 中按 LTR 隔离，避免被反向排列 */
[dir="rtl"] .topbar a[href^="tel:"],
[dir="rtl"] .header-phone strong,
[dir="rtl"] .contact-quick-card strong,
[dir="rtl"] .contact-list-value a[href^="tel:"],
[dir="rtl"] .contact-list-value a[href^="https://wa.me"],
[dir="rtl"] .footer-contact a[href^="tel:"],
[dir="rtl"] .footer-contact a[href^="https://wa.me"],
[dir="rtl"] .btn[href^="tel:"] {
  direction: ltr;
  unicode-bidi: isolate;
}

[dir="rtl"] .contact-list-value,
[dir="rtl"] .footer-contact li,
[dir="rtl"] .topbar-item {
  unicode-bidi: plaintext;
}