/* Matriye Technologies — Global Styles */

html { scroll-behavior: smooth; }

body { -webkit-font-smoothing: antialiased; }

.h-18 { height: 4.5rem; }

/* Header dropdown hover-safe area */
.group:hover .dropdown { display: block; }

/* FAQ accordion */
.faq-item.active .faq-icon { transform: rotate(45deg); }
.faq-answer.open { display: block !important; }

/* Prose content spacing for blog/legal pages */
.prose-content h2:first-child { margin-top: 0; }

/* Mobile menu */
#mobile-menu.open { display: block; }

/* Smooth link underline utility */
.nav-link { position: relative; }

/* Focus visibility for accessibility */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #00C2CB;
  outline-offset: 2px;
}

/* Scrollbar aesthetics (optional, non-blocking) */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 8px; }

/* Line clamp utility fallback */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Subtle entrance animation for hero content */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-up { animation: fadeUp 0.6s ease-out both; }

/* Card hover lift (used across service/industry/tech/portfolio cards) */
a.hover\:-translate-y-1:hover,
a.hover\:-translate-y-0\.5:hover {
  will-change: transform;
}

/* Slightly larger, more legible base line-height for long-form content pages */
.prose-content p { margin-bottom: 1.1rem; }
.prose-content h2 { scroll-margin-top: 6rem; }

/* Trust badge shimmer accent (very subtle, used on award pills) */
.badge-shine {
  background: linear-gradient(100deg, transparent 30%, rgba(255,255,255,0.35) 50%, transparent 70%);
  background-size: 200% 100%;
}