:root {
  --rdi-focus: rgba(0,217,245,.35);
}
html { scroll-behavior: smooth; direction: rtl; }
body { direction: rtl; }
body, button, input, textarea, select { font-family: "IRANSansX", system-ui, sans-serif; }
::selection { background: rgba(0,217,245,.26); color: #0A1020; }
.brxe-button { cursor: pointer; }
.rdi-demo-installed a:focus-visible,
.rdi-demo-installed button:focus-visible,
.rdi-demo-installed input:focus-visible,
.rdi-demo-installed textarea:focus-visible,
.rdi-demo-installed select:focus-visible {
  outline: 3px solid var(--rdi-focus);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: no-preference) {
  .rdi-demo-installed .brxe-button { transition: transform 260ms cubic-bezier(.2,.8,.2,1), box-shadow 260ms cubic-bezier(.2,.8,.2,1); }
  .rdi-demo-installed .brxe-button:hover { transform: translateY(-2px); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

body.rdi-demo-installed .r-card { box-shadow: var(--r-shadow-xs); transition: transform var(--r-duration-base) var(--r-ease), box-shadow var(--r-duration-base) var(--r-ease), border-color var(--r-duration-base) var(--r-ease); }
body.rdi-demo-installed .r-card--featured { box-shadow: var(--r-shadow-cyan); }
body.rdi-demo-installed .r-surface--dark { background-color: var(--r-dark); background-image: var(--r-gradient-dark); }
body.rdi-demo-installed #brx-header { position: sticky; top: 0; z-index: var(--r-z-header); }
body.rdi-demo-installed .brxe-nav-menu .bricks-nav-menu { align-items: center; }
body.rdi-demo-installed .brxe-nav-menu .bricks-nav-menu > li > a { font-family: "IRANSansX", system-ui, sans-serif; font-weight: 600; color: var(--r-text); }
body.rdi-demo-installed .bricks-mobile-menu-wrapper { font-family: "IRANSansX", system-ui, sans-serif; }
@media (prefers-reduced-motion: no-preference) {
  body.rdi-demo-installed .r-card:hover { transform: translateY(-3px); box-shadow: var(--r-shadow-sm); }
}