/* Choram — local broadsheet | enterprise shell */
html { direction: rtl; }

:root {
  --cm-accent: #6a1b9a;
  --cm-bg: #f3eef6;
  --cm-surface: #ffffff;
  --cm-text: #1f1228;
  --cm-muted: #5e4a68;
  --cm-radius: 0;
  --cm-gap: 0.65rem;
  --cm-font: Vazirmatn, Tahoma, "Segoe UI", sans-serif;
  --cm-shadow: none;
  --cm-tracking: 0.04em;
}

html, body, .rn-enterprise,
body, button, input, select, textarea,
h1, h2, h3, h4, h5, h6 {
  font-family: var(--cm-font) !important;
}

body {
  background: var(--cm-bg);
  color: var(--cm-text);
  direction: rtl;
  text-align: right;
}

/* Broadsheet: zero radius, tight local paper rhythm */
body.rooyesh-choram .rn-header {
  border-bottom: 3px solid var(--cm-accent);
}
body.rooyesh-choram .rn-hero-slider,
body.rooyesh-choram .rn-card,
body.rooyesh-choram .rn-top2-link,
body.rooyesh-choram .rn-sidebar .rn-widget,
body.rooyesh-choram .rn-hero-slider img {
  border-radius: 0;
  box-shadow: none;
}
body.rooyesh-choram .rn-section-title,
body.rooyesh-choram .rn-slide-title,
body.rooyesh-choram .rn-card-title {
  letter-spacing: var(--cm-tracking);
  text-transform: none;
}
body.rooyesh-choram .rn-section-head {
  border-bottom: 2px solid var(--cm-text);
}

/* Top2 under full-width slider — horizontal band on desktop */
body.rooyesh-choram .rn-top-row.rn-top-ratio-100-0 {
  grid-template-columns: 1fr;
}
body.rooyesh-choram .rn-top-secondary .rn-top2-stack {
  display: grid;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  body.rooyesh-choram .rn-top-secondary .rn-top2-stack {
    grid-template-columns: repeat(4, 1fr);
  }
  body.rooyesh-choram .rn-top-secondary .rn-top2-link {
    grid-template-columns: 1fr;
    text-align: center;
  }
  body.rooyesh-choram .rn-top-secondary .rn-top2-thumb img {
    aspect-ratio: 16/10;
    width: 100%;
  }
}

body.rooyesh-choram .cm-header,
body.rooyesh-choram .cm-main-header,
body.rooyesh-choram #cm-masthead,
body.rooyesh-choram .cm-footer-colophon,
body.rooyesh-choram #colormag-footer,
body.rooyesh-choram .footer-socket-wrapper {
  display: none !important;
}

body.rooyesh-choram #page,
body.rooyesh-choram .cm-content {
  background: transparent;
  padding: 0;
  margin: 0;
  max-width: none;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}
