/* Masar University — base layer
   Deliberately NO global heading/link/input colours: those come from
   Falar options and Elementor globals in production (see plan §5, phase 2). */

*, *::before, *::after { box-sizing: border-box; } /* matches Bootstrap inside Falar */

html {
  font-size: var(--mu-fs-root);
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: var(--mu-font-ar);
  font-weight: var(--mu-fw-regular);
  line-height: 1.85;
  color: var(--mu-text);
  background: var(--mu-white);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

html[dir="ltr"] body { font-family: var(--mu-font-en); }

img, svg { max-width: 100%; }

.mu-skip-link {
  position: absolute;
  top: -100px;
  inset-inline-start: 1rem;
  z-index: 10000;
  padding: .7rem 1.1rem;
  border-radius: var(--mu-radius-md);
  background: var(--mu-navy);
  color: #fff;
  font-weight: var(--mu-fw-bold);
  text-decoration: none;
}
.mu-skip-link:focus { top: 1rem; }

/* The hidden attribute always hides, whatever display a component sets */
[hidden] { display: none !important; }

:focus-visible {
  outline: 3px solid rgba(4, 138, 164, .45);
  outline-offset: 3px;
}

.mu-visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Anchored sections land below the sticky header */
[id] { scroll-margin-top: calc(var(--mu-header-h) + 16px); }