/* =================================================================
   ARABIC FONT OVERRIDE — Cairo für alle Text-Elemente
   Datei: assets/css/arabic.css
   Wird geladen wenn html[lang="ar"] gesetzt ist (automatisch via header.php)
   ================================================================= */

/* ── Google Font: Cairo bereits in header.php geladen ──────────── */
/* ── Universeller Override für ALLE Text-Elemente ──────────────── */

html[lang="ar"],
html[lang="ar"] body {
  font-family: 'Cairo', sans-serif;
  font-weight: 400;
}

/* Alle HTML-Elemente auf Cairo umschalten */
html[lang="ar"] *:not(i):not([class*="bi"]):not([class*="bootstrap"]) {
  font-family: 'Cairo', sans-serif !important;
}

/* ── Icons NIEMALS überschreiben ───────────────────────────────── */
html[lang="ar"] i,
html[lang="ar"] [class^="bi-"],
html[lang="ar"] [class*=" bi-"],
html[lang="ar"] .bi {
  font-family: "bootstrap-icons" !important;
}

/* ── CSS-Variablen für Cairo überschreiben ─────────────────────── */
html[lang="ar"] {
  --font-head: 'Cairo', sans-serif;
  --font-body: 'Cairo', sans-serif;
}

/* ── Schriftgewichte für Cairo anpassen ────────────────────────── */
/* Cairo hat kein Light (300) — auf Regular (400) mappen */
html[lang="ar"] .fw-light,
html[lang="ar"] [style*="font-weight: 300"],
html[lang="ar"] [style*="font-weight:300"] {
  font-weight: 400 !important;
}

/* Überschriften: Cairo 700 statt Raleway 800 */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6 {
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important; /* Arabisch braucht kein letter-spacing */
}

/* Buttons & Nav */
html[lang="ar"] button,
html[lang="ar"] .btn,
html[lang="ar"] .nav-link-item,
html[lang="ar"] .nav-btn-register,
html[lang="ar"] .nav-logo-text {
  font-family: 'Cairo', sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important; /* uppercase passt nicht zu Arabisch */
}

/* Form-Elemente */
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select,
html[lang="ar"] label {
  font-family: 'Cairo', sans-serif !important;
}

/* Text-Elemente */
html[lang="ar"] p,
html[lang="ar"] span,
html[lang="ar"] a,
html[lang="ar"] li,
html[lang="ar"] td,
html[lang="ar"] th {
  font-family: 'Cairo', sans-serif !important;
}

/* ── RTL: text-align anpassen ──────────────────────────────────── */
html[lang="ar"] .text-start { text-align: right !important; }
html[lang="ar"] .text-end   { text-align: left  !important; }

/* ── Spezifische Klassen aus styles.css ────────────────────────── */
html[lang="ar"] .pd-title,
html[lang="ar"] .pd-breadcrumb,
html[lang="ar"] .pd-status-bar,
html[lang="ar"] .pd-artnr,
html[lang="ar"] .pd-desc,
html[lang="ar"] .pd-price-box .price-label,
html[lang="ar"] .pd-price-box .price-value,
html[lang="ar"] .pd-price-box .price-unit,
html[lang="ar"] .pd-locked h5,
html[lang="ar"] .pd-locked p,
html[lang="ar"] .pd-locked .btn-unlock,
html[lang="ar"] .topbar-notice,
html[lang="ar"] .topbar-link,
html[lang="ar"] .lang-toggle,
html[lang="ar"] .lang-menu a,
html[lang="ar"] .nav-dd-item,
html[lang="ar"] .nav-auth-link {
  font-family: 'Cairo', sans-serif !important;
  letter-spacing: 0 !important;
}