/* ═══════════════════════════════════════════════════════════
   VILLA DIRECT — Global CSS (synced with app.css variables)
   ═══════════════════════════════════════════════════════════ */

/* Imported via app.css variables - this file provides base resets */

html {
  direction: rtl;
  scroll-behavior: smooth;
}

.skip-link {
  position: absolute; top: -48px; left: 0;
  background: var(--brand, #1B4F72); color: #fff;
  padding: 10px 18px; z-index: 10000; font-weight: 700;
  border-radius: 0 0 10px 0; transition: top .2s;
}
.skip-link:focus { top: 0; }

img.lazy-load { opacity: 0; transition: opacity .35s ease; }
img.lazy-load.loaded { opacity: 1; }
img[data-src] { opacity: 0; transition: opacity .35s ease; }
img[data-src].loaded, img[data-src][src] { opacity: 1; }

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