@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom Styles for DAC Website */
body {
    font-family: 'Inter', sans-serif;
    color: #1f2937;
    background-color: #f8fafc;
}

/* Navbar Hover Effects */
.nav-link {
    @apply text-gray-700 hover:text-[#002147] transition-colors duration-300 font-medium relative;
}

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

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

/* Dropdown */
.group:hover .group-hover\:block {
    display: block;
}

/* Service Card Hover */
.service-card {
    @apply bg-white p-8 rounded-xl shadow-sm border border-gray-100 transition-all duration-300 relative overflow-hidden;
}

.service-card:hover {
    @apply shadow-lg transform -translate-y-1 border-[#C0C0C0];
}

.service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #FF8C00;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.service-card:hover::before {
    transform: scaleX(1);
}

/* Buttons */
.btn-primary {
    @apply bg-[#FF8C00] text-white px-8 py-3.5 rounded-full font-bold hover:bg-orange-600 transition-all duration-300 shadow-md hover:shadow-xl inline-flex items-center justify-center text-center;
}

.btn-secondary {
    @apply bg-transparent border-2 border-[#002147] text-[#002147] px-8 py-3.5 rounded-full font-bold hover:bg-[#002147] hover:text-white transition-all duration-300 inline-flex items-center justify-center text-center;
}

/* Glassmorphism for floating stats */
.glass-panel {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}