/* =========================================================
   ویراوان نسخه ۱.۰ — فاز دهم
   چندزبانی، چپ‌چین، پی‌دبلیوای و دسترس‌پذیری
   ========================================================= */

/* 01. Contrast refinements — مقادیر متن کم‌رنگ برای AA خواناتر شده‌اند. */
:root{
  --ariya-text-faint:#64748b;
  --ariya-sidebar-text-muted:#8291a8;
}
[data-theme="dark"]{
  --ariya-text-faint:#8392aa;
  --ariya-sidebar-text-muted:#8291a8;
}
[data-accent="emerald"]{--ariya-primary:#047857;--ariya-primary-600:#065f46;--ariya-primary-rgb:4,120,87;--ariya-accent:#34d399}
[data-accent="amber"]{--ariya-primary:#b45309;--ariya-primary-600:#92400e;--ariya-primary-rgb:180,83,9;--ariya-accent:#fbbf24}

/* 02. Language controls */
.header-direction-select{width:auto;min-width:92px;max-width:112px;padding-inline:.65rem;font-size:.72rem}
[dir="ltr"] body{text-align:left}
[dir="ltr"] .ariya-nav-item>.caret{transform:rotate(180deg)}
[dir="ltr"] .ariya-nav-group.open>.ariya-nav-item>.caret{transform:rotate(90deg)}
[dir="ltr"] .switch input:checked+.switch-slider::before,
[dir="ltr"] .ariya-switch input:checked+span::before{transform:translateX(20px)}
[dir="ltr"] .code-preview{direction:ltr;text-align:left}

/* Transform directions cannot be expressed with logical properties. */
@media(max-width:991.98px){
  [dir="ltr"] .ariya-sidebar,
  [dir="ltr"] body[data-layout^="horizontal"] .ariya-sidebar{transform:translateX(-110%);box-shadow:20px 0 45px rgba(0,0,0,.18)}
  [dir="ltr"] .ariya-sidebar.open,
  [dir="ltr"] body[data-layout^="horizontal"] .ariya-sidebar.open{transform:translateX(0)}
}
[dir="ltr"] .theme-customizer{transform:translateX(105%)}
[dir="ltr"] .theme-customizer.open{transform:translateX(0)}
[dir="ltr"] .ariya-offcanvas{transform:translateX(105%)}
[dir="ltr"] .ariya-offcanvas.open{transform:translateX(0)}

/* 03. PWA status and update UI */
.ariya-update-bar{position:fixed;z-index:1900;inset-inline:1rem;inset-block-end:1rem;display:none;align-items:center;justify-content:space-between;gap:.75rem;width:min(480px,calc(100vw - 2rem));padding:.75rem .85rem;border:1px solid color-mix(in srgb,var(--ariya-primary) 32%,var(--ariya-border));border-radius:13px;background:var(--ariya-surface);box-shadow:var(--ariya-shadow-lg);font-size:.78rem}
.ariya-update-bar.show{display:flex}
.pwa-status-card{display:grid;gap:.55rem;padding:1rem;border:1px solid var(--ariya-border);border-radius:14px;background:var(--ariya-surface-2)}
.pwa-status-card [data-state="active"],.pwa-status-card [data-state="installed"],.pwa-status-card [data-state="current"]{color:var(--ariya-success)}
.pwa-status-card [data-state="error"],.pwa-status-card [data-state="unavailable"]{color:var(--ariya-danger)}
.pwa-status-card [data-state="checking"],.pwa-status-card [data-state="update"]{color:var(--ariya-warning)}

/* 04. Accessibility helpers */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:focus-visible{outline:3px solid color-mix(in srgb,var(--ariya-primary) 45%,transparent)!important;outline-offset:3px!important}
.ariya-nav-item:focus-visible,.ariya-btn:focus-visible,.icon-btn:focus-visible,.mini-action:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--ariya-primary) 16%,transparent)}
.a11y-demo-focus{display:flex;gap:.65rem;flex-wrap:wrap;padding:1rem;border:1px dashed var(--ariya-border-strong);border-radius:12px}
.motion-demo{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--ariya-primary),var(--ariya-accent));animation:ariyaMotionDemo 1.6s ease-in-out infinite alternate}
@keyframes ariyaMotionDemo{to{transform:translateX(130px) rotate(18deg)}}
.contrast-sample{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem;border-radius:12px;border:1px solid var(--ariya-border)}
.contrast-sample.primary{background:var(--ariya-primary);color:#fff;border-color:transparent}

/* 05. Small-screen header */
@media(max-width:767.98px){.header-direction-select{min-width:78px;max-width:84px;padding-inline:.45rem}.ariya-update-bar{align-items:stretch;flex-direction:column}.ariya-update-bar .ariya-btn{width:100%}}
@media(max-width:479.98px){.header-direction-select{min-width:70px;max-width:76px;font-size:.66rem}}

/* سیستم عامل در حالت کاهش حرکت، تمام حرکت‌های تزئینی را تقریباً حذف می‌کند. */
@media(prefers-reduced-motion:reduce){
  .motion-demo{animation:none!important;transform:none!important}
  .ariya-update-bar,.theme-customizer,.ariya-offcanvas,.ariya-sidebar{transition:none!important}
}

/* =========================================================
   پایداری چیدمان‌ها — اصلاح تکمیلی نسخه ۱.۰
   هدف: یک رفتار مشترک و بدون شکست برای ۶ طرح نمایشی.
   ========================================================= */

/* دکمه‌های منوی افقی ظاهر پیش‌فرض مرورگر را به ارث نمی‌برند. */
.ariya-horizontal-link{
  border:0;
  outline:0;
  background:transparent;
  font:inherit;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.ariya-horizontal-nav{min-width:0}
.ariya-horizontal-item{min-width:0}
.ariya-mega{
  max-width:calc(100vw - 24px);
  max-height:min(72vh,620px);
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.ariya-mega-column{min-width:0}
.ariya-mega a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* در طرح افقی دسکتاپ دکمه همبرگری مخفی است؛ در موبایل برای Drawer برمی‌گردد. */
body[data-layout^="horizontal"] #sidebarToggle{display:none}

/* جلوگیری از شکستن کارت و Grid توسط جدول، کد یا متن طولانی. */
.ariya-main,.ariya-content,.ariya-card,.ariya-card-body,.ariya-grid>*{min-width:0}
.ariya-card-body img,.ariya-card-body video,.ariya-card-body canvas{max-width:100%}
.ariya-card-body pre,.ariya-card-body code{max-width:100%}
.ariya-card-body pre{overflow:auto}
.table-responsive,.table-scroll,.phase7-table-shell{max-width:100%;overflow:auto}

/* Dropdown یا Popover باز داخل کارت نباید بریده شود. */
.ariya-card:has(.dropdown-menu-custom.open),
.ariya-card:has([data-popover-panel].open){overflow:visible}

/* پوسته‌های نمایشی در عرض میانی کمی فشرده‌تر می‌شوند تا منوی افقی نشکند. */
@media (min-width:992px) and (max-width:1199.98px){
  .ariya-horizontal-nav{padding-inline:.7rem;gap:.08rem}
  .ariya-horizontal-link{padding:.48rem .52rem;font-size:.74rem}
  .ariya-mega{width:min(680px,calc(100vw - 24px))}
  .ariya-header{padding-inline:.9rem;gap:.55rem}
  .header-direction-select{max-width:92px}
}

@media (max-width:991.98px){
  body[data-layout^="horizontal"] #sidebarToggle{display:grid}
  body[data-layout^="horizontal"] .ariya-sidebar{display:flex}
  .ariya-page-header{width:100%}
  .page-actions{max-width:100%;flex-wrap:wrap}
}

@media (max-width:575.98px){
  .demo-layout-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .demo-layout-switch a{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ariya-page-header .page-actions,.ariya-page-header .page-actions>*{max-width:100%}
}