/* ==========================================================================
   BIOME Arabic Pages — RTL Overrides
   Loaded only on the /ar/ pages, after style.css
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');

:root {
  --font-sans: 'Cairo', 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

body {
  direction: rtl;
  text-align: right;
}

/* Reset any LTR assumptions from style.css */
.header-inner,
.nav-list,
.hero-buttons,
.contact-grid,
.about-grid,
.why-grid,
.service-detail-grid,
.footer-grid,
.form-row,
.assessor-profile,
.assessor-credentials,
.contact-info,
.services-grid,
.approach-grid,
.why-points,
.about-list,
.two-col-list,
.detail-section ul {
  direction: rtl;
}

/* Lists: bullets on the right side */
.about-list li,
.detail-section ul li,
.two-col-list li {
  padding-right: 1.75rem;
  padding-left: 0;
}

.about-list li::before,
.detail-section ul li::before,
.two-col-list li::before {
  right: 0;
  left: auto;
}

/* Nav underline stays centered */
.nav-link::after {
  right: 0;
  left: auto;
}

/* Form: labels and inputs align right */
.form-group label {
  text-align: right;
}

/* Breadcrumb: RTL flow */
.breadcrumb {
  direction: rtl;
}

/* Service link arrow */
.service-link {
  direction: rtl;
}

/* Why-point icon on the right */
.why-point {
  flex-direction: row-reverse;
}

/* Contact items icon on the right */
.contact-item {
  flex-direction: row-reverse;
}

/* Assessor credentials grid */
.assessor-credential span {
  text-align: right;
}

/* Approach cards text */
.approach-card {
  text-align: right;
}

/* CTA banner */
.cta-banner {
  text-align: center;
}

/* Headings letter-spacing: reduce for Arabic */
h1, h2, h3, h4, h5 {
  letter-spacing: 0;
}

/* Section header stays centered */
.section-header {
  text-align: center;
}

/* Eyebrow */
.eyebrow,
.section-header .eyebrow,
.assessor-label {
  letter-spacing: 0;
}

/* Footer columns */
.footer-col h4 {
  text-align: right;
}

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

/* Assessor profile: photo on right, content on left in RTL */
.assessor-profile {
  direction: rtl;
}

/* Assessor competence border-top stays */
.assessor-competence {
  border-top: 1px solid var(--gray-200);
}

/* Assessor approval badge */
.assessor-approval {
  direction: rtl;
}

/* Smooth scroll padding for fixed header */
html {
  scroll-padding-top: var(--header-h);
}

/* Buttons center */
.btn {
  direction: rtl;
}

/* Hero content centered */
.hero-content {
  text-align: center;
}

/* Page hero centered */
.page-hero-content {
  text-align: center;
}