/* RTL (Right-to-Left) 样式 - 阿拉伯语版本 */

/* 全局RTL设置 */
[dir="rtl"] {
  direction: rtl !important;
  text-align: right !important;
}

[dir="rtl"] body {
  direction: rtl !important;
}

/* Header 镜像 */
[dir="rtl"] .header-content {
  flex-direction: row-reverse !important;
}

[dir="rtl"] .logo-section {
  flex-direction: row-reverse !important;
  order: 2;
}

[dir="rtl"] .nav-section {
  flex-direction: row-reverse !important;
  order: 1;
}

[dir="rtl"] .language-switcher {
  order: 0;
}
[dir="rtl"] .adro{
  width: 80px!important;
}
[dir="rtl"] .nav-item:not(:last-child)::after {
  /* right: auto !important; */
  left: 0 !important;
}

[dir="rtl"] .nav-item:not(:first-child)::after {
  content: '';
  position: absolute;
  /* left: auto !important; */
  left: 0 !important;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background-color: #CCCCCC;
}

/* 语言切换器镜像 */
[dir="rtl"] .language-switcher {
  margin-left: 0;
  margin-right: -120px;
}

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

/* Hero Section 镜像 */
[dir="rtl"] .main-content {
  direction: rtl !important;
}

[dir="rtl"] .hero-section {
  padding-left: 0 !important;
  padding-right: 120px !important;
  align-items: flex-start !important;
  text-align: right !important;
}

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

[dir="rtl"] .hero-title,
[dir="rtl"] .hero-subtitle {
  text-align: right !important;
}

[dir="rtl"] .hero-IP-section-content-left-img {
  right: auto !important;
  left: 124px !important;
}

[dir="rtl"] .hero-IP-section-content-top-img {
  right: auto !important;
  left: 200px !important;
}

/* 第二屏 - 轮播图部分 */
[dir="rtl"] .second-screen {
  direction: rtl !important;
}

[dir="rtl"] .content-section {
  direction: rtl !important;
  text-align: right !important;
}

[dir="rtl"] .content-title,
[dir="rtl"] .content-description {
  text-align: right !important;
}

[dir="rtl"] .description-text {
  text-align: right !important;
}

/* 第三屏 - 图片和文字镜像 */
[dir="rtl"] .third-screen {
  direction: rtl !important;
}

[dir="rtl"] .third-screen-content {
  flex-direction: row-reverse !important;
}

[dir="rtl"] .image-section {
  order: 2;
}

[dir="rtl"] .text-section {
  order: 1;
}

[dir="rtl"] .yellow-box {
  border-radius: 40px 0px 0px 40px !important;
  text-align: right !important;
}

[dir="rtl"] .story-title,
[dir="rtl"] .story-description {
  text-align: right !important;
}

/* 第四屏 - 下载部分镜像 */
[dir="rtl"] .fourth-screen {
  direction: rtl !important;
}

[dir="rtl"] .fourth-main-content {
  flex-direction: row-reverse !important;
}

[dir="rtl"] .fourth-left {
  text-align: right !important;
  padding-right: 0 !important;
  padding-left: 40px !important;
  order: 2;
}

[dir="rtl"] .fourth-title {
  text-align: right !important;
  margin: 0 15px 40px 0 !important;
}

[dir="rtl"] .fourth-right {
  padding-left: 0 !important;
  padding-right: 40px !important;
  order: 1;
  transform: scaleX(-1);
}

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

/* Footer 镜像 */
[dir="rtl"] .footer {
  direction: rtl !important;
}

[dir="rtl"] .footer-content {
  flex-direction: row-reverse !important;
}

[dir="rtl"] .footer-section {
  align-items: flex-start !important;
  text-align: right !important;
}

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

[dir="rtl"] .footer-links {
  text-align: right !important;
}

[dir="rtl"] .footer-links li {
  text-align: right !important;
}

[dir="rtl"] .footer-links a {
  text-align: right !important;
}

/* 按钮和交互元素 */
[dir="rtl"] .download-btn {
  text-align: center !important;
}

/* 星星位置镜像 */
[dir="rtl"] .star-1 {
  left: auto !important;
  right: 45% !important;
}

[dir="rtl"] .star-2 {
  right: auto !important;
  left: 20% !important;
}

[dir="rtl"] .star-3 {
  right: auto !important;
  left: 15% !important;
}

[dir="rtl"] .star-4 {
  left: auto !important;
  right: 20% !important;
}

[dir="rtl"] .star-5 {
  left: auto !important;
  right: 35% !important;
}

/* 确保阿拉伯文字正确显示 */
[dir="rtl"] * {
  font-family: 'Fredoka', 'FredokaOne', 'Arial', 'Tahoma', sans-serif;
}

/* 播放按钮位置 */
[dir="rtl"] .play-buttons {
  /* right: auto !important; */
  left: 14px !important;
}

/* 轮播图箭头镜像 */
[dir="rtl"] .el-carousel__arrow {
  transform: scaleX(-1) !important;
}

/* 响应式 RTL 调整 */
@media (max-width: 1024px) {
  [dir="rtl"] .hero-section {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  
  [dir="rtl"] .language-switcher {
    margin-right: 15px !important;
    margin-left: 0 !important;
  }

  [dir="rtl"] .fourth-left {
    padding-left: 0 !important;
  }

  [dir="rtl"] .fourth-right {
    padding-right: 0 !important;
  }
}

/* 额外的镜像调整 */
[dir="rtl"] .wrap_box {
  direction: rtl !important;
}

[dir="rtl"] .box {
  direction: rtl !important;
}

/* 语言切换器下拉菜单 */
[dir="rtl"] .language-dropdown {
  right: auto !important;
  left: 0 !important;
}

/* 商店按钮对齐 */
[dir="rtl"] .store-buttons {
  align-items: flex-end !important;
}

/* 轮播图卡片 */
[dir="rtl"] .card-image {
  right: auto !important;
  left: 22px !important;
}

/* 内容描述 */
[dir="rtl"] .content-description .description-text {
  direction: rtl !important;
  text-align: right !important;
}

/* Hero按钮 */
[dir="rtl"] .hero-button {
  display: flex;
  justify-content: flex-start !important;
}

/* AboutUs 页面 RTL 样式 */
/* 第二屏 - 特性网格镜像 */
[dir="rtl"] .feature-grid {
  flex-direction: row-reverse !important;
}

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

[dir="rtl"] .right-content {
  text-align: right !important;
}

[dir="rtl"] .about-second-title {
  text-align: right !important;
}

[dir="rtl"] .about-second-description {
  text-align: right !important;
}

/* Banner 区域镜像 */
[dir="rtl"] .about-banner {
  background-image: url('../img/new/1bg.png') !important;
  background-position: center top !important;
}

[dir="rtl"] .about-section {
  padding-left: 0 !important;
  padding-right: 120px !important;
  align-items: flex-end !important;
  direction: rtl !important;
}

[dir="rtl"] .about-text {
  text-align: right !important;
  direction: rtl !important;
  width: auto !important;
  max-width: 600px !important;
  position: absolute !important;
  right: 100px !important;
}

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

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

/* IP图片镜像 */
[dir="rtl"] .hero-IP-section-content-About-left-img {
  right: auto !important;
  left: 215px !important;
}

/* 星星容器 */
[dir="rtl"] .about-stars,
[dir="rtl"] .about-stars-bottom {
  width: 100% !important;
  position: relative !important;
}

/* 星星位置镜像 */
[dir="rtl"] .about-star-1 {
  left: auto !important;
  right: 45% !important;
}

[dir="rtl"] .about-star-2 {
  right: auto !important;
  left: 20% !important;
}

[dir="rtl"] .about-star-3 {
  right: auto !important;
  left: 15% !important;
}

[dir="rtl"] .about-star-4 {
  left: auto !important;
  right: 20% !important;
}

[dir="rtl"] .about-star-5 {
  left: auto !important;
  right: 35% !important;
}

/* Vision 部分镜像 */
[dir="rtl"] .vision-title {
  text-align: right !important;
}

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

[dir="rtl"] .vision-description {
  text-align: right !important;
}

/* Content Coverage 部分 */
[dir="rtl"] .about-five-title {
  text-align: right !important;
}

[dir="rtl"] .about-five-des {
  text-align: right !important;
}

[dir="rtl"] .tab-text {
  text-align: center !important;
}

[dir="rtl"] .show3-item-description {
  text-align: right !important;

}
[dir="rtl"]  .add{
    right: -14px !important;
}
[dir="rtl"] .science-title {
  text-align: center !important;
}

[dir="rtl"] .science-description h4 {
  text-align: right !important;
}

[dir="rtl"] .science-description p {
  text-align: right !important;
}

/* Carousel 描述文本 */
[dir="rtl"] .about-content-description {
  text-align: right !important;
}

[dir="rtl"] .description-text {
  text-align: right !important;
  direction: rtl !important;
}

/* 产品标题 */
[dir="rtl"] .about-content-title {
  text-align: center !important;
  direction: rtl !important;
}

/* 修复AboutUs轮播图在RTL下的位置 */
[dir="rtl"] .about-carousel-container {
  direction: ltr !important;
}

[dir="rtl"] .about-third-screen .el-carousel__container {
  direction: ltr !important;
}

[dir="rtl"] .about-main-card {
  direction: ltr !important;
}

/* 轮播图描述文本保持RTL */
[dir="rtl"] .about-content-description {
  direction: rtl !important;
}

/* 确保el-carousel组件在RTL下居中 */
[dir="rtl"] #about-carousel-item {
  direction: ltr !important;
}

[dir="rtl"] .about-third-screen .el-carousel {
  direction: ltr !important;
}

[dir="rtl"] .about-third-screen .el-carousel__item {
  direction: ltr !important;
}

