/* ===========================
   COMMON STYLES FOR ALL PAGES
   =========================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* Global Font Family */
* {
    font-family: 'Inter', sans-serif;
}

/* Navigation Link Styling */
.nav-link {
    position: relative;
}

.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #1e40af;
    transition: width 0.3s ease;
}

.nav-link:hover::after {
    width: 100%;
}

/* Hero Pattern Background */
.hero-pattern {
    background-color: #f8f9fa;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v6h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Dark-mode override for hero sections */
html.dark .hero-pattern {
    background-color: #071026 !important;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFFFFF' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v6h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

html.dark .hero-pattern h1,
html.dark .hero-pattern h2,
html.dark .hero-pattern p {
    color: #e6eef8 !important;
}

/* Gradient Background */
.gradient-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Card Hover Effects */
.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.stat-card,
.value-card,
.team-card,
.timeline-card,
.contact-card {
    transition: all 0.3s ease;
}

.stat-card:hover,
.value-card:hover,
.team-card:hover,
.timeline-card:hover,
.contact-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

/* Pricing Card Hover */
.pricing-card {
    transition: all 0.3s ease;
}

.pricing-card:hover {
    transform: scale(1.05);
}

/* Stat Number Gradient */
.stat-number {
    font-size: 3rem;
    font-weight: 800;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Utility Classes */
.transition {
    transition: all 0.3s ease;
}

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

/* Body Defaults */
body {
    font-family: 'Inter', sans-serif;
}

/* Dark mode overrides */
html.dark body {
    background-color: #0b1220;
    color: #e6eef8;
}

html.dark .bg-white {
    background-color: #0f1724 !important;
}

html.dark .bg-gray-50 {
    background-color: #071026 !important;
}

html.dark .text-gray-900 {
    color: #e6eef8 !important;
}

html.dark .text-gray-600,
html.dark .text-gray-700,
html.dark .text-gray-500 {
    color: #9fb0c8 !important;
}

html.dark .nav-link::after {
    background-color: #93c5fd;
}

html.dark .shadow-md {
    box-shadow: 0 4px 12px rgba(0,0,0,0.6) !important;
}

html.dark .bg-blue-600 {
    background-color: #2563eb !important;
}

/* FAQ answer visibility when active */
.faq-answer.active {
    display: block !important;
}

/* Swiper navigation button overrides */
.swiper-button-prev.slider-btn {
    left: 0px !important;
}

.swiper-button-next.slider-btn {
    right: 0px !important;
}

.swiper-button-next.slider-btn:after,
.swiper-button-prev.slider-btn:after {
    font-size: 30px !important;
}