/* Northline Studio - custom polish */

html { scroll-behavior: smooth; }

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0b0d12; }
::-webkit-scrollbar-thumb { background: #1a1e28; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #262b38; }

/* Reveal on scroll */
.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.7s ease, transform 0.7s ease;
  will-change: opacity, transform;
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Subtle animated gradient border for hero mockup on hover */
@media (prefers-reduced-motion: reduce) {
  .reveal { transition: none; transform: none; opacity: 1; }
  html { scroll-behavior: auto; }
}

/* Form autofill fix */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0 1000px #0b0d12 inset;
  caret-color: #fff;
}

/* Inline form errors */
.field-error {
  border-color: rgba(244, 63, 94, 0.6) !important;
  box-shadow: 0 0 0 3px rgba(244, 63, 94, 0.15);
}
.err { display: none; }
.err.show { display: block; }

/* RTL tweaks */
html[dir="rtl"] body { font-family: 'Inter', 'Segoe UI', Tahoma, Arial, sans-serif; }
html[dir="rtl"] .font-serif { font-family: 'Instrument Serif', 'Amiri', 'David Libre', Georgia, serif; }
html[dir="rtl"] .group-hover\:translate-x-0\.5 { }
html[dir="rtl"] svg[class*="translate-x"] { transform: scaleX(-1); }
html[dir="rtl"] #langMenu { right: auto; left: 0; }

/* Better focus visibility */
a:focus-visible, button:focus-visible {
  outline: 2px solid #4ebe89;
  outline-offset: 3px;
  border-radius: 8px;
}