/* =====================================================================
   Fittalon — 阿拉伯语 RTL 覆盖样式
   仅由 /ar/ 站引用（head.html 中在 style.css 之后加载）
   原则：文字流全部镜像；图文混排的视觉区块（hero）保持原有构图，
         只把内部文字切成 RTL，避免背景图与文字打架。
   ===================================================================== */

/* ---------- 1. 字体：优先阿语字体栈 ---------- */
[dir="rtl"] body,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] .btn,
[dir="rtl"] .nav-link,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
    font-family: "Segoe UI", Tahoma, "Noto Sans Arabic", "Arabic Typesetting",
                 "Geeza Pro", Arial, sans-serif;
}

/* 阿语字号略调，拉丁字母视觉上比阿语小一档 */
[dir="rtl"] body {
    font-size: 15.5px;
    line-height: 1.75;
}

[dir="rtl"] h1 { line-height: 1.32; }
[dir="rtl"] h2 { line-height: 1.38; }
[dir="rtl"] h3 { line-height: 1.45; }
[dir="rtl"] p  { line-height: 1.85; }

/* ---------- 2. Hero：构图保持 LTR，文字内部 RTL ---------- */
/* 背景图与渐变是按「图右文左」设计的，整体镜像会让文字压在产品图上。
   因此 row 层恢复 LTR 定位，只把文字列切回 RTL。 */
/* 仅桌面端保留「图右文左」构图；窄屏背景图铺满整屏，
   再保持 direction:ltr 会把文字列撑出视口，改为正常 RTL */
@media (min-width: 992px) {
    [dir="rtl"] .hero-slide .row,
    [dir="rtl"] .hero-fade .row {
        direction: ltr;
    }
    [dir="rtl"] .hero-slide .col-lg-7,
    [dir="rtl"] .hero-fade .col-lg-7,
    [dir="rtl"] .hero-slide .container > .row > div {
        direction: rtl;
        text-align: left;
    }
}
@media (max-width: 991.98px) {
    [dir="rtl"] .hero-slide .row,
    [dir="rtl"] .hero-fade .row { direction: rtl; }
    [dir="rtl"] .hero-slide .col-lg-7,
    [dir="rtl"] .hero-fade .col-lg-7 { direction: rtl; text-align: right; }
}
[dir="rtl"] .hero-slide .hero-eyebrow { display: inline-block; }

/* 首屏按钮组：保持从右往左的阅读顺序，但容器仍在左侧 */
[dir="rtl"] .hero-slide .btn i,
[dir="rtl"] .hero-slide .btn .fa-solid,
[dir="rtl"] .hero-slide .btn .fa-brands {
    margin-left: 6px !important;
    margin-right: 0 !important;
}

/* 首屏统计数字块 */
[dir="rtl"] .hero-stats {
    direction: ltr;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 14px 22px;
}
[dir="rtl"] .hero-stats .hero-stat { direction: rtl; }

/* 左右箭头互换（视觉位置不变，语义上前后互换） */
[dir="rtl"] .hero-arrow-prev { left: 6px; right: auto; }
[dir="rtl"] .hero-arrow-next { right: 6px; left: auto; }

/* Hero 标题里高亮词仍按行内流排列 */
[dir="rtl"] .hero h1 span,
[dir="rtl"] .hero h2 span { display: inline; }

/* ---------- 3. 导航与语言切换器 ---------- */
[dir="rtl"] .lang-nav a + a {
    border-left: 0;
    border-right: 1px solid #cfd8e3;
}
[dir="rtl"] .lang-nav { direction: ltr; }   /* 语言缩写保持 EN|ES|PT|AR 顺序 */

@media (min-width: 1200px) {
    [dir="rtl"] .navbar .lang-nav {
        margin-left: 0;
        margin-right: 12px;
    }
    [dir="rtl"] .navbar .navbar-collapse { text-align: right; }
}
@media (max-width: 1199.98px) {
    [dir="rtl"] .navbar .lang-nav { margin-left: 8px; margin-right: 0; }
    [dir="rtl"] .navbar .navbar-collapse { left: 12px; right: auto; }
}

/* 导航下拉菜单：箭头与文字镜像 */
[dir="rtl"] .navbar-nav .dropdown-toggle::after { margin-left: 0; margin-right: .255em; }
[dir="rtl"] .dropdown-menu { text-align: right; }
[dir="rtl"] .dropdown-item { text-align: right; }

/* ---------- 4. 通用列表与图标 ---------- */
[dir="rtl"] .about-list li { padding-right: 26px; padding-left: 0; }
[dir="rtl"] .about-list li::before { left: auto; right: 0; }

/* 面包屑 */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item { padding-left: 0; padding-right: .5rem; }
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: 0;
    padding-left: .5rem;
    content: "\\";
}

/* 卡片箭头、更多链接 */
[dir="rtl"] .card-link i,
[dir="rtl"] a .fa-arrow-right {
    transform: scaleX(-1);
    display: inline-block;
}

/* ---------- 5. 表单 ---------- */
[dir="rtl"] .form-control,
[dir="rtl"] .form-select { text-align: right; }
[dir="rtl"] .input-group > :not(:first-child) { border-radius: 8px 0 0 8px; }
[dir="rtl"] .input-group > :not(:last-child)  { border-radius: 0 8px 8px 0; }

/* ---------- 6. 页脚 ---------- */
[dir="rtl"] .footer,
[dir="rtl"] footer { text-align: right; }
[dir="rtl"] footer ul { padding-right: 0; }

/* ---------- 7. 数字与型号保持 LTR 显示 ---------- */
[dir="rtl"] .hero-stat .num,
[dir="rtl"] .stat-num,
[dir="rtl"] .facts-bar .n,
[dir="rtl"] .dlr-stats .n {
    direction: ltr;
    unicode-bidi: isolate;
    display: block;      /* 保持原块级布局：数字在上、标签在下 */
}

/* 规格表：每格按内容首个强字符自动判定方向
   —— 阿语标签仍右对齐，纯数字/型号的值仍按 LTR 正确排列，
   阿语长句的值也不会被 LTR 基线打乱词序 */
[dir="rtl"] .spec-table td {
    unicode-bidi: plaintext;
}

[dir="rtl"] .product-model,
[dir="rtl"] time {
    direction: ltr;
    unicode-bidi: isolate;
}

/* 产品卡片里的型号/规格文本 */
[dir="rtl"] .product-card .model,
[dir="rtl"] .prod-spec { direction: ltr; unicode-bidi: isolate; }

/* 图片计数器「1 / 12」、分页「3 / 8」：RTL 下会被读成 12 / 1 */
[dir="rtl"] .gallery-counter,
[dir="rtl"] .page-num,
[dir="rtl"] .pagination-info {
    direction: ltr;
    unicode-bidi: isolate;
}

/* 日期 yyyy-mm-dd 在 RTL 下年月日会倒序 */
[dir="rtl"] .news-date,
[dir="rtl"] .post-date,
[dir="rtl"] .date {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline-block;
}

/* 产品型号 (TL07-4) 里的连字符会被当成合法断点，窄屏下型号被拆两行 */
[dir="rtl"] .page-header h1,
[dir="rtl"] .detail-title,
[dir="rtl"] .product-card h3,
[dir="rtl"] .product-card h5 {
    word-break: keep-all;
    overflow-wrap: normal;
    hyphens: none;
}