/* RTL & Persian Language Overrides */

/* ── Typography: IRANSans for all text, Doran for headings ── */
html[dir=rtl] body {
  font-family: IRANSans, system-ui, sans-serif;
}

/* SVG logo sizing */
.brand-logo-img {
  height: 48px;
  width: auto;
}

/* All text nodes default to IRANSans */
html[dir=rtl] *:not(svg):not(svg *) {
  font-family: IRANSans, system-ui, sans-serif;
}

/* Headings → Doran */
html[dir=rtl] h1,
html[dir=rtl] h2,
html[dir=rtl] h3,
html[dir=rtl] h4,
html[dir=rtl] h5,
html[dir=rtl] h6,
html[dir=rtl] .hero-title,
html[dir=rtl] .hero-title *,
html[dir=rtl] .gallery-title,
html[dir=rtl] .gallery-title *,
html[dir=rtl] .slide-heading,
html[dir=rtl] .slide-heading *,
html[dir=rtl] .story-title,
html[dir=rtl] .cta-banner-title {
  font-family: Doran, system-ui, sans-serif;
  letter-spacing: 0;
}

/* Remove Latin letter-spacing from Persian UI text */
html[dir=rtl] .btn-primary span,
html[dir=rtl] .btn-secondary span,
html[dir=rtl] .btn-cta-banner,
html[dir=rtl] .btn-editorial span,
html[dir=rtl] .story-eyebrow,
html[dir=rtl] .gallery-eyebrow,
html[dir=rtl] .partners-eyebrow,
html[dir=rtl] .story-badge,
html[dir=rtl] .hero-subtitle,
html[dir=rtl] .story-desc,
html[dir=rtl] .cta-banner-desc,
html[dir=rtl] .partner-label,
html[dir=rtl] .footer-bottom p {
  letter-spacing: 0;
}

html[dir=rtl] .slide-counter {
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
}

/* ── Layout: Mirror physical CSS properties ── */

/* Hero card: warm atmospheric background and mirror padding */
html[dir=rtl] .hero-card {
  padding: 1.5rem 2.5rem 1.5rem 1.5rem;
  background:
    radial-gradient(ellipse at 75% 30%, #3a2e26 0%, #231c18 45%, var(--color-card-bg) 80%);
  transition: background var(--transition-normal), box-shadow var(--transition-normal);
}

html[dir=rtl][data-theme="light"] .hero-card {
  background:
    radial-gradient(ellipse at 75% 30%, #FFFDF9 0%, #FAF5EE 50%, #F4ECE1 85%);
}


/* Subtle diffuse light sheen along the center divider */
html[dir=rtl] .hero-card::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 48%;
  width: 320px;
  background: radial-gradient(
    ellipse at center,
    rgba(225, 190, 155, 0.2) 0%,
    rgba(175, 140, 110, 0.08) 50%,
    transparent 80%
  );
  pointer-events: none;
  z-index: 1;
  filter: blur(35px);
}

html[dir=rtl][data-theme="light"] .hero-card::before {
  background: radial-gradient(
    ellipse at center,
    rgba(215, 175, 110, 0.15) 0%,
    rgba(190, 150, 90, 0.06) 50%,
    transparent 80%
  );
}


/* Showcase image absolute positioning */
html[dir=rtl] .showcase-image {
  right: 0;
  left: auto;
}

/* Showcase footer insets */
html[dir=rtl] .showcase-footer {
  left: 2rem;
  right: 2rem;
}


/* Story badge: mirror to right edge */
html[dir=rtl] .story-badge {
  left: auto;
  right: 1.25rem;
}

/* Slider arrows: flip horizontally for RTL */
html[dir=rtl] .control-arrow svg {
  transform: scaleX(-1);
}

/* Gallery editorial: move inner padding to left */
html[dir=rtl] .gallery-editorial {
  padding-right: 0;
  padding-left: 1.5rem;
}


/* btn-editorial hover in RTL */
html[dir=rtl] .btn-editorial:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45);
}

/* Story chevron: flip for RTL reading direction */
html[dir=rtl] .story-chevron {
  display: inline-block;
  transform: scaleX(-1);
}


/* ── Responsive ── */
@media (max-width: 768px) {
  html[dir=rtl] .gallery-editorial {
    padding-left: 0;
  }

  html[dir=rtl] .hero-card {
    padding: 1.5rem 1.25rem 2rem;
  }

  html[dir=rtl] .showcase-footer {
    left: 1.25rem;
    right: 1.25rem;
  }
}
