/* ==========================================================================
   lxera-theme.css
   Global Lxera skin for ALL default-theme pages (panel, blog, search,
   contact, checkout, ...). Loaded once in layouts/app.blade.php after the
   theme font/color <style> block so it wins.
   Brand COLORS come from the theme_colors setting (primary #1024DD,
   secondary #1DE1BA); this file adds the brand FONT and light polish.
   ========================================================================== */

body,
button, input, select, textarea,
h1, h2, h3, h4, h5, h6,
.btn {
  font-family:'IBM Plex Sans Arabic','Segoe UI','Tahoma',sans-serif !important;
}

/* Lxera pill buttons for the primary / secondary actions */
.btn-primary,
.btn-secondary {
  border-radius:999px !important;
}

/* --------------------------------------------------------------------------
   Divergence from the Lxera Skills copy of this file.

   That install does not load rtl-app.css and its <body> carries no .rtl
   class, so the rule above is enough there. This one does: rtl-app.css sets

       body.rtl { font-family: var(--font-family-rtl) !important; }

   which is specificity (0,1,1) against the (0,0,1) above. Both are
   !important, so specificity decides and the theme font loses on body — the
   headings and controls above still win because nothing else targets them.

   Matching the specificity rather than raising it further, so a future
   rtl-app.css rule is not silently overridden by an arms race here.
   -------------------------------------------------------------------------- */
body.rtl,
body.ltr {
  font-family:'IBM Plex Sans Arabic','Segoe UI','Tahoma',sans-serif !important;
}