/**
 * PALMERA ANIMAL HEALTH - RTL STYLESHEET (ARABIC)
 * Pure CSS bidirectional support with Cairo typography
 * Built to accompany bootstrap.rtl.min.css seamlessly
 */

:root {
  --font-base: var(--font-ar);
}

body {
  direction: rtl;
  text-align: right;
  font-family: var(--font-ar);
}

/* Typography Overrides */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-ar);
  letter-spacing: normal;
}

.section-eyebrow::before {
  margin-left: 0.5rem;
  margin-right: 0;
}

/* Header & Nav */
.header-nav-link::after {
  left: auto;
  right: 0;
}

/* Solution Card Arrows */
.solution-card-link svg {
  transform: rotate(180deg);
}

.solution-card:hover .solution-card-link svg {
  transform: rotate(180deg) translateX(4px);
}

/* Floating Card in Hero */
.hero-card-1 {
  left: auto;
  right: -20px;
}

.hero-card-2 {
  right: auto;
  left: -10px;
}

/* Footer Links Hover direction */
.footer-links-list a:hover {
  transform: translateX(-4px);
}

/* Buttons Arrow rotation */
.btn-palmera-primary svg,
.btn-palmera-secondary svg,
.btn-palmera-outline svg {
  transform: rotate(180deg);
}