@charset "utf-8";
/*
Theme Name: zob RTL
Description: ZOB 主题 RTL 基础兼容补丁。仅在 is_rtl() 为 true 时加载。
Version: 1.0.100
Text Domain: zob
*/

/* ============================================================================
   1. 顶栏与通用方向
   ========================================================================== */
html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .topbar .dropdown-toggle::after,
html[dir="rtl"] .topbar .dropdown-toggle .bi-chevron-down {
  margin-right: .35rem;
  margin-left: 0;
}

html[dir="rtl"] .topbar .topbar-user > .dropdown-menu {
  text-align: right;
}

/* ============================================================================
   2. 固定侧边栏、Offcanvas 与折叠菜单
   ========================================================================== */
html[dir="rtl"] #sidebar {
  --zob-sidebar-hover-shift: -2px;
  --zob-sidebar-active-inset: -3px;
  --zob-sidebar-child-active-inset: -2px;
}

/* ============================================================================
   3. 文章列表、正文与文章格式组件
   ========================================================================== */
html[dir="rtl"] #sticky-featured .sticky-card__meta i {
  margin-right: 0;
  margin-left: .35rem;
}

html[dir="rtl"] .zob-article-content dd {
  margin-right: 1.25rem;
  margin-left: 0;
}

html[dir="rtl"] .zob-article-content blockquote {
  border-radius: .72rem 0 0 .72rem;
}

html[dir="rtl"] .zob-quote-showcase,
html[dir="rtl"] .zob-quote-fallback-mode,
html[dir="rtl"] .zob-aside-content,
html[dir="rtl"] .zob-aside-content blockquote {
  border-left: 0 !important;
  border-right: 4px solid var(--bs-warning) !important;
}

html[dir="rtl"] .zob-quote-showcase {
  border-right-width: 5px !important;
}

html[dir="rtl"] .zob-aside-content,
html[dir="rtl"] .zob-aside-content blockquote {
  border-right-color: var(--bs-secondary) !important;
}

html[dir="rtl"] .zob-aside-content blockquote {
  border-right-width: 3px !important;
  border-right-color: var(--bs-primary) !important;
}

html[dir="rtl"] .zob-quote-watermark {
  right: auto;
  left: .5rem;
}

html[dir="rtl"] .zob-quote-content-wrapper {
  padding-right: 0;
  padding-left: 2rem;
}

html[dir="rtl"] .zob-quote-showcase blockquote cite,
html[dir="rtl"] .zob-quote-fallback-mode blockquote cite {
  text-align: left;
}

html[dir="rtl"] .zob-link-bg-decor {
  right: auto;
  left: -1rem;
  transform: rotate(15deg) scale(.8);
}

html[dir="rtl"] .zob-link-card:hover .zob-link-arrow {
  transform: translateX(-4px) translateY(-4px);
}

html[dir="rtl"] .zob-article-aside .zob-aside-title {
  padding-right: .75rem;
  padding-left: 0;
}

html[dir="rtl"] .zob-article-aside .zob-aside-title::before {
  right: 0;
  left: auto;
}

html[dir="rtl"] .zob-article-content :where(.alignleft, img.alignleft, figure.alignleft) {
  float: right;
  margin-right: 0;
  margin-left: 1.25rem;
}

html[dir="rtl"] .zob-article-content :where(.alignright, img.alignright, figure.alignright) {
  float: left;
  margin-left: 0;
  margin-right: 1.25rem;
}

/* ============================================================================
   4. 评论嵌套、投票与引用
   ========================================================================== */
html[dir="rtl"] #comments > ul,
html[dir="rtl"] #comments > ol,
html[dir="rtl"] #comments li.comment {
  padding-right: 0;
  padding-left: 0;
}

html[dir="rtl"] #comments ul.children,
html[dir="rtl"] #comments ol.children {
  margin: .5rem 2rem 0 0;
  padding-right: .75rem;
  padding-left: 0;
  border-right: 2px dashed rgba(148, 163, 184, .35);
  border-left: 0;
}

html[dir="rtl"] .comment-vote .ms-1 {
  margin-right: .25rem !important;
  margin-left: 0 !important;
}

html[dir="rtl"] #comments .comment-content blockquote {
  padding-right: 1.1rem;
  padding-left: .9rem;
  border-right: 3px solid var(--primary);
  border-left: 0;
}

@media (max-width: 575.98px) {
  html[dir="rtl"] #comments ul.children,
  html[dir="rtl"] #comments ol.children {
    margin: .4rem 1rem 0 0;
    padding-right: .5rem;
    padding-left: 0;
    border-right-width: 1px;
  }

  html[dir="rtl"] #comments ul.children ul.children,
  html[dir="rtl"] #comments ol.children ol.children {
    margin-right: .7rem;
    margin-left: 0;
    padding-right: .4rem;
    padding-left: 0;
  }

  html[dir="rtl"] .zero-list-control-bottom > * {
    margin-right: 0;
    margin-left: .5rem;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  html[dir="rtl"] #comments ul.children,
  html[dir="rtl"] #comments ol.children {
    margin-right: 1.4rem;
    margin-left: 0;
  }

  html[dir="rtl"] #comments ul.children ul.children,
  html[dir="rtl"] #comments ol.children ol.children {
    margin-right: 1.1rem;
    margin-left: 0;
  }
}

/* ============================================================================
   5. 评论输入组与表单文字方向
   ========================================================================== */
html[dir="rtl"] #comments .zob-custom-addon {
  border-right: 0 !important;
  border-left: 1px solid var(--border) !important;
}

html[dir="rtl"] #comments .input-group:focus-within .zob-custom-addon {
  border-right-color: transparent !important;
  border-left-color: var(--primary) !important;
}

html[dir="rtl"] :where(input, textarea, select) {
  text-align: right;
}

/* ============================================================================
   6. 面包屑、侧边栏小工具与装饰线
   ========================================================================== */
html[dir="rtl"] .zob-list-nav .breadcrumb-item + .breadcrumb-item::before {
  float: right;
}

html[dir="rtl"] :where(
  .zob-stats-panel__head,
  .zob-comments-panel__head,
  .zob-friends-panel__head,
  .zob-hotposts-panel__head
)::after {
  right: 0;
  left: auto;
  background: linear-gradient(
    270deg,
    var(--primary, var(--bs-primary)),
    color-mix(in srgb, var(--primary, var(--bs-primary)) 25%, transparent)
  );
}

/* ============================================================================
   7. 页脚与产品区域的方向性装饰
   ========================================================================== */
html[dir="rtl"] .zob-footer .zf-cta-kefu,
html[dir="rtl"] .zob-footer .zf-cta-qr {
  background-position: left center;
}


/* v1.0.63 RTL 小工具补丁 */
[dir="rtl"] .zob-friend-card__arrow,
[dir="rtl"] .zob-archives-panel__nav-link { transform: scaleX(-1); }

/* v1.0.84 产品中心分类、筛选与卡片方向协调。 */
html[dir="rtl"] .zob-product-offcanvas-link .bi-chevron-right,
html[dir="rtl"] .zob-product-offcanvas-root .bi-chevron-right,
html[dir="rtl"] .zob-product-quick-categories .bi-chevron-right,
html[dir="rtl"] .zob-product-card-action .bi-arrow-right,
html[dir="rtl"] .zob-product-category-offcanvas .bi-arrow-left {
  transform: rotate(180deg);
}

/* v1.0.92 产品首页方向性操作图标。 */
html[dir="rtl"] .zob-hp11-actions .bi-arrow-right-short,
html[dir="rtl"] .zob-hp11-featured-link .bi-arrow-right-short,
html[dir="rtl"] .zob-hp11-featured-actions .bi-arrow-right-short {
  transform: scaleX(-1);
}

html[dir="rtl"] .zob-product-category-offcanvas {
  right: 0;
  left: auto;
  transform: translateX(100%);
}
html[dir="rtl"] .zob-product-category-offcanvas.show:not(.hiding),
html[dir="rtl"] .zob-product-category-offcanvas.showing { transform: none; }
html[dir="rtl"] .zob-product-filter-offcanvas {
  left: 0;
  right: auto;
  transform: translateX(-100%);
}
html[dir="rtl"] .zob-product-filter-offcanvas.show:not(.hiding),
html[dir="rtl"] .zob-product-filter-offcanvas.showing { transform: none; }