/*
* 阿拉伯语 RTL 细化样式：仅当 时生效（由 i18n SSR 设置），不影响 LTR 语言。
* 已让浏览器整体按从右到左排版；此处修正常见的左右对齐/方向问题。
* 后续可按组件继续补充覆盖。
*/
[dir='rtl'] {
text-align: right;
}
/* 表单控件默认右对齐 */
[dir='rtl'] input,
[dir='rtl'] textarea,
[dir='rtl'] .el-input__inner,
[dir='rtl'] .el-textarea__inner {
text-align: right;
}
/* 列表项目符号/箭头等改到右侧（如有用 padding-left 硬编码，改用逻辑属性更佳） */
[dir='rtl'] .footer-col ul li a {
padding-left: 0;
padding-right: 12px;
}
[dir='rtl'] .footer-col ul li a::before {
left: auto;
right: 0;
}
/* 轮播/横向滚动等带 transform 的组件如出现错位，按需在此追加 [dir='rtl'] 覆盖 */
[dir='rtl'] .feature-highlight-item:not(.is-reverse),
[dir='rtl'] .card-horizontal,
[dir='rtl'] .toggle-card,
[dir='rtl'] .design-card,
[dir='rtl'] .config-grid,
[dir='rtl'] .read-more-link {
flex-direction: row-reverse;
}
[dir='rtl'] .resources-dropdown-container{
flex-direction: column !important;
}
[dir='rtl'] .product-card-desktop,
[dir='rtl'] .anywhere-cards,
[dir='rtl'] .card-video-placeholder,
[dir='rtl'] .star-label,
[dir='rtl'] .contact-form-wrapper,
[dir='rtl'] .legal-content,
[dir='rtl'] .effective-price-now {
direction: ltr;
}
[dir='rtl'] .contact-form-section,
[dir='rtl'] .soundbox-modal-page .el-form,
[dir='rtl'] .news-body {
direction: rtl;
}
[dir='rtl'] .testimonials-logos,
[dir='rtl'] .rating-stars-display {
justify-content: flex-start !important;
}
[dir='rtl'] .dropdown-content-wrapper:not(.resources-dropdown-content-wrapper),
[dir='rtl'] .scene-tabs .tab-item.anywhere-cards,
[dir='rtl'] .info-email
{
justify-content: flex-end !important;
}
[dir='rtl'] .toggle-content,
[dir='rtl'] .scene-heading {
text-align: left !important;
}
[dir='rtl'] .color-section .section-title,
[dir='rtl'] .config-section .section-title,
[dir='rtl'] .series-section .section-title {
text-align: center !important;
}
[dir='rtl'] .feature-highlight-description,
[dir='rtl'] .contact-info-section .info-title,
[dir='rtl'] .contact-info-section .info-subtitle,
[dir='rtl'] .reviewer-name,
[dir='rtl'] .review-text,
[dir='rtl'] .review-title,
[dir='rtl'] .section-title,
[dir='rtl'] .partnerships-page .hero-text,
[dir='rtl'] .testimonials-header,
[dir='rtl'] .specifications-title,
[dir='rtl'] .dynamic-left,
[dir='rtl'] .dynamic-right p,
[dir='rtl'] .product-detail-page .product-info,
[dir='rtl'] .color-label,
[dir='rtl'] .soundbox-modal-page .el-form-item__label,
[dir='rtl'] .error-message,
[dir='rtl'] .news-title,
[dir='rtl'] .article-hero,
[dir='rtl'] .about-us-page .hero-content,
[dir='rtl'] .expertise-item,
[dir='rtl'] .markets-intro,
[dir='rtl'] .market-label,
[dir='rtl'] .featured-side .empty-copy,
[dir='rtl'] .blog-article .section-header{
text-align: right !important;
}
[dir='rtl'] .news-title-box time {
float: right !important;
}
[dir='rtl'] .product-detail-page .product-media {
margin-right: 0 !important;
margin-left: 20px;
}
[dir='rtl'] .product-detail-page .product-info {
margin-left: 0 !important;
margin-right: 20px;
}
[dir='rtl'] .scene-tabs{
align-items: flex-end;
}
[dir='rtl'] .main-navigation {
margin-right: 0 !important;
margin-left: 80px !important;
}
[dir='rtl'] .category-arrow,
[dir='rtl'] .resources-arrow {
transform: rotate(180deg) translateX(-10px) !important;
}
[dir='rtl'] .category-item:hover .category-arrow,
[dir='rtl'] .resources-option:hover .resources-arrow {
transform: rotate(180deg) translateX(0px) !important;
}
[dir='rtl'] .soundbox-modal-page .el-form-item__error{
left: auto !important;
right: 0 !important;
}
[dir='rtl'] .blog-page .pagination-control span {
transform: rotate(180deg);
}
[dir='rtl'] .expertise-item:not(:first-child)::before {
right: 0px !important;
}
[dir='rtl'] .expertise-item {
padding-left: 0px !important;
padding-right: 56px;
}
[dir='rtl'] .mobile-product-image {
margin-left: 16px;
margin-right: 0px;
}
[dir='rtl'] .standard-color {
margin-left: 50px;
margin-right: 0px;
}
[dir='rtl'] .nav-menu {
margin-left: 0px !important;
margin-right: 40px !important;
}
@media (max-width: 809px) {
[dir='rtl'] .feature-highlight-item {
flex-direction: column;
}
}
@media (max-width: 900px) {
[dir='rtl'] .company-col,
[dir='rtl'] .footer-col {
text-align: right !important;
}
}
@media (max-width: 600px) {
[dir='rtl'] .footer-main {
margin-right: 12px !important;
}
}
@media (max-width: 767px) {
[dir='rtl'] .product-detail-page .product-info {
margin-right: 0px;
}
[dir='rtl'] .product-detail-page .description-text {
text-align: right;
}
[dir='rtl'] .product-dynamic .dynamic-left strong {
text-align: right !important;
}
}
@media (max-width: 480px) {
[dir='rtl'] .product-detail-page .product-title {
text-align: right;
}
[dir='rtl'] .product-actions {
justify-content: right !important;
}
}