/* ============================================================================
   2BASE.RU — Custom Styles (supplements Tailwind CSS)
   Only styles that Tailwind utility classes cannot provide.
   ============================================================================ */

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Contact blur effect on company pages */
.blur-contact {
  filter: blur(3px);
  user-select: none;
  pointer-events: none;
}

/* Alpine.js cloak: hide elements until Alpine initializes */
[x-cloak] {
  display: none !important;
}

/* Smooth collapse transition for Alpine x-collapse */
[x-collapse] {
  overflow: hidden;
}

/* Focus visible ring for keyboard navigation */
:focus-visible {
  outline: 2px solid #6366f1;
  outline-offset: 2px;
}

/* Print styles */
@media print {
  nav, footer, .no-print { display: none !important; }
  body { background: white; color: black; }
}