/* ============================================================
   October Pharma — Arabic RTL Stylesheet
   Loaded after style.css to override LTR defaults
   Arabic font: Cairo (Google Fonts)
   ============================================================ */

/* ── Arabic Font ──────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&display=swap');

/* ── Base RTL ─────────────────────────────────────────────── */
html {
  direction: rtl;
}

body {
  font-family: 'Cairo', 'Roboto', sans-serif;
}

/* ── Header / Nav ─────────────────────────────────────────── */
.site-header__inner {
  flex-direction: row-reverse;
}

.site-header__logo {
  flex-direction: row-reverse;
}

.site-header__logo img {
  margin-right: 15px;
  margin-left: 0;
}

/* Nav links row — reverse order for RTL */
.site-nav {
  flex-direction: row-reverse;
}

/* Hamburger button — move to left side for RTL */
.site-nav__toggle {
  order: -1;
  margin-right: 0;
}

/* Mobile nav opens from right in RTL */
@media (max-width: 900px) {
  .site-nav {
    left: auto;
    right: 0;
    flex-direction: column;
    text-align: right;
  }
}

/* ── Language Switcher ────────────────────────────────────── */
.lang-switcher {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  font-family: 'Cairo', 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  border: 1.5px solid rgba(255,255,255,0.55);
  border-radius: 4px;
  padding: 4px 12px;
  transition: background 0.2s, border-color 0.2s;
  white-space: nowrap;
  flex-shrink: 0;
}
.lang-switcher:hover {
  background: rgba(255,255,255,0.15);
  border-color: #fff;
}
.lang-switcher svg {
  flex-shrink: 0;
}

/* ── Hero Slider ──────────────────────────────────────────── */
.hero-slide::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 1;
}

.hero-slide__content {
  z-index: 2;
}

.hero-slide__content {
  text-align: right;
  right: auto;
  left: 6%;
}

/* First slide only — keep RTL text but position block on the left */
.hero-slide:first-child .hero-slide__content {
  left: 40px !important;
  right: unset !important;
  width: 45% !important;
  max-width: 650px !important;
  margin: 0 !important;
  align-items: stretch;
}

.hero-slide:first-child .hero-slide__headline {
  max-width: 100%;
}

.hero-slide:first-child .hero-slide__subtitle {
  width: 100%;
}

/* Second slide — move text to the left, keep RTL */
.hero-slide:nth-child(2) .hero-slide__content {
  left: 40px !important;
  right: unset !important;
  width: 45% !important;
  max-width: 650px !important;
  margin: 0 !important;
  align-items: stretch;
}

.hero-slide:nth-child(2) .hero-slide__headline {
  max-width: 100%;
}

.hero-slide:nth-child(2) .hero-slide__subtitle {
  width: 100%;
}

/* Third slide — pin content block to the right side, keep RTL */
.hero-slide:nth-child(3) .hero-slide__content {
  left: auto;
  right: 6%;
  margin: 0;
  max-width: 55%;
}

.hero-slide:nth-child(3) .hero-slide__subtitle {
  width: 100%;
}

/* Fourth slide — pin content block to the right side, keep RTL */
.hero-slide:nth-child(4) .hero-slide__content {
  left: auto;
  right: 6%;
  margin: 0;
  max-width: 55%;
}

.hero-slide:nth-child(4) .hero-slide__subtitle {
  width: 100%;
}

/* Flip arrow buttons */
.hero-slider__arrow--prev {
  left: auto;
  right: 20px;
}
.hero-slider__arrow--next {
  right: auto;
  left: 20px;
}

/* ── Chairman / About two-column sections ─────────────────── */
.chairman-section__inner,
.leadership-preview-section__inner,
.social-responsibility-section__inner,
.chairman-full-section__inner {
  flex-direction: row-reverse;
}

/* ── Who We Are cards ─────────────────────────────────────── */
.who-we-are-card__content {
  text-align: right;
}

/* ── Products preview section ─────────────────────────────── */
.products-preview-section__inner {
  flex-direction: row-reverse;
}

/* ── About Intro (two-col) ────────────────────────────────── */
.about-intro {
  flex-direction: row-reverse;
}

/* ── Vision & Mission ─────────────────────────────────────── */
.vision-mission-section__inner {
  flex-direction: column;
}

/* ── Footer ───────────────────────────────────────────────── */
.footer-main__inner {
  flex-direction: row-reverse;
}

.footer-col__links {
  text-align: right;
}

.footer-nav-strip__inner {
  flex-direction: column;
  text-align: right;
}

.footer-nav-strip__top {
  flex-direction: row-reverse;
}

.footer-nav-strip__links {
  flex-direction: row-reverse;
}

.footer-nav-strip__social {
  flex-direction: row-reverse;
}

.footer-bottom {
  text-align: right;
}

/* ── Section headings / text ──────────────────────────────── */
.section-heading-block__title,
.content-section__title,
.content-section__body,
.about-intro__label,
.about-intro__title,
.chairman-section__title,
.chairman-section__body,
.chairman-section__signature,
.chairman-section__role,
.products-preview-section__label,
.products-preview-section__title,
.products-preview-section__body,
.leadership-preview-section__label,
.leadership-preview-section__title,
.leadership-preview-section__body,
.news-section__title,
.news-section__intro,
.contact-preview-section__label,
.contact-preview-section__title,
.contact-preview-section__body,
.page-banner__title,
.page-banner__label,
.core-values-section__title,
.core-values-section__subtitle,
.core-value-item__label,
.core-value-item__desc,
.timeline-item__year,
.timeline-item__text,
.vision-mission-block__heading,
.vision-mission-block__text,
.quality-section__heading,
.footer-main__tagline,
.footer-col__title,
.footer-contact-item,
.board-card__name,
.board-card__role,
.board-card__type,
.contact-form-panel__title,
.contact-form-panel__sub,
.contact-form__label,
.contact-info-panel__title,
.contact-info-panel__intro,
.contact-card__label,
.contact-card__text,
.news-card__title,
.news-card__date,
.news-card__location,
.news-card__text,
.ir-content__title,
.ir-content__breadcrumb,
.products-info-strip__inner,
.ir-sidebar__heading {
  text-align: right;
}

/* ── Contact info panel ───────────────────────────────────── */
.contact-page-layout__inner {
  flex-direction: row-reverse;
}

.contact-info-panel__content {
  text-align: right;
}

.contact-card {
  flex-direction: row-reverse;
  text-align: right;
}

.contact-card__body {
  text-align: right;
}

/* ── Product grid / tabs ──────────────────────────────────── */
.products-info-strip__inner {
  flex-direction: row-reverse;
}

/* ── IR Hub sidebar ───────────────────────────────────────── */
.ir-hub {
  flex-direction: row-reverse;
}

.ir-tab {
  text-align: right;
  flex-direction: row-reverse;
  border-left: none;
  border-right: 3px solid transparent;
}

.ir-tab.active {
  border-right-color: #aa1d38;
  border-left-color: transparent;
}

.ir-content__topbar {
  flex-direction: row-reverse;
}

@media (max-width: 860px) {
  .ir-hub { flex-direction: column; }
  .ir-tab {
    border-right: none;
    border-bottom: 3px solid transparent;
  }
  .ir-tab.active {
    border-bottom-color: #aa1d38;
    border-right-color: transparent;
  }
}

/* ── Timeline ─────────────────────────────────────────────── */
.timeline-track {
  flex-direction: row-reverse;
}

/* ── Products info strip ──────────────────────────────────── */
.products-info-strip__therapeutic {
  justify-content: flex-end;
}

/* ── Hero slide content RTL positioning ───────────────────── */
.hero-slide__content {
  left: 6%;
  right: auto;
}

/* ── News cards ───────────────────────────────────────────── */
.news-card__body {
  text-align: right;
}

/* ── Board section ────────────────────────────────────────── */
.board-section__inner {
  text-align: right;
}

/* ── Cert grid ────────────────────────────────────────────── */
.cert-item {
  text-align: right;
}

/* ── Facility section list ────────────────────────────────── */
.facility-section ul {
  margin-left: 0;
  margin-right: var(--spacing-md, 32px);
  padding-right: 20px;
  padding-left: 0;
}

/* ── Contact form ─────────────────────────────────────────── */
.contact-form__row {
  flex-direction: row-reverse;
}