/* Mov Browser website: shared styles (Tailwind handles everything else) */

:root { --mov-font: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; }

body { background-color: #080417; color: #F1F5F9; font-family: var(--mov-font); }

.cosmic-gradient { background: radial-gradient(circle at 50% -20%, #4C1D95 0%, #120B2E 45%, #080417 100%); }
.glass-card { background: rgba(18, 11, 46, 0.75); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(139, 92, 246, 0.25); }
.glass-card:hover { border-color: rgba(217, 70, 239, 0.45); }
.glow-effect { filter: drop-shadow(0 0 35px rgba(217, 70, 239, 0.35)); }

/* Hidden only for the instant it takes layout.js to put the right language in */
html.i18n-pending body { visibility: hidden; }

/* Anchors (#download, #capabilities...) land below the fixed header */
[id] { scroll-margin-top: 6rem; }

/* Code, paths, file names and emails always read left-to-right, even in Arabic */
code, kbd, .ltr { direction: ltr; unicode-bidi: isolate; }

/* Arabic: letter-spacing breaks joined letters, so switch it off */
[dir="rtl"] .tracking-tight, [dir="rtl"] .tracking-wider { letter-spacing: 0; }

/* Keyboard users can see where they are */
a:focus-visible, button:focus-visible, select:focus-visible {
  outline: 2px solid #D946EF; outline-offset: 2px; border-radius: 0.5rem;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Inline code / keys inside translated text (keeps locale files free of classes) */
code:not([class]) {
  font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 0.75rem;
  color: #FBBF24; background: #080417; padding: 0.125rem 0.375rem; border-radius: 0.25rem;
}
.code-plain code:not([class]) { color: #E9D5FF; background: none; padding: 0; font-size: inherit; }
code.bare { font-family: inherit; }
kbd {
  font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 10px; color: #F3E8FF;
  background: #080417; border: 1px solid #2C1B61; padding: 0.125rem 0.375rem; border-radius: 0.25rem;
}
.strong-white strong { color: #fff; }
a.mail { color: #D946EF; text-decoration: underline; direction: ltr; unicode-bidi: isolate; }

/* JetBrains Mono has no Arabic letters: small "mono" labels use the page font in RTL,
   while real code keeps the monospace font */
[dir="rtl"] .font-mono:not(.ltr) { font-family: var(--mov-font); }
[dir="rtl"] code { font-family: "JetBrains Mono", ui-monospace, monospace; }

/* German compounds (Systemanforderungen...) may hyphenate instead of overflowing */
[lang="de"] h1, [lang="de"] h2, [lang="de"] h3 { hyphens: auto; overflow-wrap: break-word; }