/* ================================================
   DevEnigma — Arabic / RTL Stylesheet
   Overrides for dir="rtl" pages
   Font: Cairo (Arabic) + Orbitron kept for logo only
   ================================================ */

/* ---- Font override ---- */
:root {
  --font-head: 'Cairo', sans-serif;
  --font-body: 'Cairo', sans-serif;
}

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

/* ---- Lang toggle: keep Orbitron, style consistently ---- */
.lang-toggle {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.1em;
  color: var(--accent) !important;
  border: 1px solid var(--border-2);
  border-radius: 6px;
  padding: 5px 10px !important;
  transition: background 0.2s, border-color 0.2s;
}
.lang-toggle:hover {
  background: rgba(0,200,212,0.08) !important;
  border-color: var(--accent) !important;
}

/* ---- Hero banner ---- */
.hero-banner-content {
  padding: 0 60px 52px;
  align-items: flex-end;
  text-align: right;
}

/* ---- Featured strip ---- */
.strip-card { flex-direction: row-reverse; }
.strip-cta  { direction: ltr; } /* keep arrow pointing correctly */

/* ---- App feature page ---- */
.app-feature-inner { direction: rtl; }

.feature-item {
  flex-direction: row-reverse;
  text-align: right;
}

.app-badge {
  flex-direction: row-reverse;
  text-align: right;
}

/* ---- Values ---- */
.value-card { text-align: right; }

/* ---- Page headers ---- */
.page-header .container { text-align: right; }
.hero-eyebrow           { flex-direction: row-reverse; }
.section-title          { text-align: right; }
.cta-band .container    { text-align: right; }
.cs-card                { text-align: right; }

/* ---- Footer ---- */
.footer-inner   { direction: rtl; }
.footer-col     { text-align: right; }

.footer-bottom {
  text-align: center;
  direction: rtl;
}
.footer-bottom p { unicode-bidi: plaintext; }

/* ---- Contact ---- */
.contact-grid { direction: rtl; }
.contact-card { text-align: right; }

/* ---- Forms ---- */
.form-group label { text-align: right; }

.form-group input,
.form-group select,
.form-group textarea {
  text-align: right;
  direction: rtl;
}

.form-note {
  text-align: right;
  direction: rtl;
}

.form-success,
.form-error {
  text-align: right;
  direction: rtl;
}

.form-submit {
  font-family: 'Cairo', sans-serif;
  letter-spacing: 0;
  text-transform: none;
  font-size: 1rem;
  width: 100%;
}

/* ---- Legal ---- */
.legal-container {
  direction: rtl;
  text-align: right;
}

.legal-container p,
.legal-container li {
  text-align: right;
}

.legal-container ul {
  padding-right: 20px;
  padding-left: 0;
}

/* Intro paragraph */
.legal-intro {
  text-align: right;
  direction: rtl;
}

/* Flip highlight border to right side */
.legal-highlight {
  border-left: none;
  border-right: 3px solid var(--accent);
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
  text-align: right;
  direction: rtl;
}

/* Table: RTL alignment */
.legal-table th,
.legal-table td {
  text-align: right;
}

/* Policy links: RTL wrap */
.legal-policy-links {
  direction: rtl;
  justify-content: flex-start;
}

/* Contact block inside legal */
.contact-block {
  direction: rtl;
  text-align: right;
}

/* Tabs: reverse order so Privacy is on the right */
.legal-tabs { flex-direction: row-reverse; }

/* ---- Nav links ---- */
.nav-links a {
  font-family: 'Cairo', sans-serif;
  font-size: 0.95rem;
  letter-spacing: 0;
  text-transform: none;
}

/* ---- Buttons ---- */
.btn-primary,
.btn-ghost,
.btn-play,
.legal-tab {
  font-family: 'Cairo', sans-serif;
  letter-spacing: 0;
  text-transform: none;
  font-size: 0.95rem;
}

/* ---- Footer col headings ---- */
.footer-col h4 {
  font-family: 'Cairo', sans-serif;
  letter-spacing: 0;
  text-transform: none;
  font-size: 0.85rem;
}

/* ---- Heading sizes: Cairo renders differently, calibrate ---- */
.page-title           { font-size: clamp(1.6rem, 3.5vw, 2.4rem); letter-spacing: 0; }
.section-title        { font-size: clamp(1.3rem, 2.5vw, 1.9rem); letter-spacing: 0; }
.app-name             { font-size: 1.7rem;  letter-spacing: 0; }
.strip-title          { font-size: 1.1rem;  letter-spacing: 0; }
.app-tagline          { font-size: 1.05rem; letter-spacing: 0; }
.cs-card h2           { font-size: 1.5rem;  letter-spacing: 0; }
.cta-band h2          { font-size: clamp(1.2rem, 2.2vw, 1.8rem); letter-spacing: 0; }
.contact-form-wrap h2 { font-size: 1.3rem;  letter-spacing: 0; }
.value-card h3        { font-size: 0.95rem; letter-spacing: 0; text-transform: none; }
.legal-container h2   { font-size: 1.1rem;  letter-spacing: 0; }
.legal-container h3   { font-size: 0.9rem;  letter-spacing: 0; text-transform: none; color: var(--accent-2); }

/* ---- Responsive ---- */
@media (max-width: 900px) {
  .hero-banner-content {
    padding: 24px 24px 32px;
    text-align: right;
    align-items: flex-end;
  }
  .app-feature-inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .legal-tabs { flex-direction: row-reverse; }
  .legal-policy-links { flex-direction: column; align-items: flex-end; }
}

/* ============ APP DIVIDER — RTL ============ */
.app-divider .container {
  direction: rtl;
}

/* ============ FEATURED STRIP — RTL ============ */
.strip-label {
  text-align: right;
}

.featured-strip .container {
  direction: rtl;
}

/* ============ LEGAL NOTE — RTL ============ */
.legal-note {
  border-left: none;
  border-right: 2px solid var(--border-2);
  text-align: right;
  direction: rtl;
}