/* Tailwind CSS Import */
@import url('https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css');

/* Resetare CSS */
* {
    box-sizing: border-box;
}

/* Stilizarea Body-ului */
body {
    font-family: 'Inter', sans-serif;
    @apply bg-gray-100 text-gray-800;
}

/* Stilizarea Header-ului */
header {
    @apply bg-gray-900 text-white py-6 shadow-lg sticky top-0 z-50;
}

.container {
    @apply max-w-6xl mx-auto flex justify-between items-center px-4;
}

h1 {
    @apply text-2xl md:text-3xl font-bold;
}

.nav-links {
    @apply flex space-x-4;
}

.nav-links li {
    @apply inline;
}

.nav-links a {
    @apply text-white text-lg px-4 py-2 rounded-md hover:bg-blue-600 transition duration-300;
}

/* Secțiunea Hero */
.hero {
    @apply bg-gradient-to-r from-blue-600 to-indigo-600 text-white text-center py-20 md:py-32;
}

.hero h2 {
    @apply text-4xl md:text-5xl font-bold mb-6;
}

.hero p {
    @apply text-lg md:text-xl mb-8;
}

.modern-button {
    @apply inline-block bg-white text-blue-600 font-semibold py-3 px-6 rounded-lg hover:bg-blue-100 transition duration-300;
}

/* Secțiunea Servicii */
.services {
    @apply bg-white py-16 text-center;
}

.services h2 {
    @apply text-3xl md:text-4xl font-bold mb-12;
}

.services-container {
    @apply max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8 px-4;
}

.service-box {
    @apply bg-gray-50 p-6 rounded-lg shadow-md hover:shadow-lg transform hover:-translate-y-2 transition duration-300;
}

.service-box h3 {
    @apply text-xl font-semibold mb-2;
}

.service-box p {
    @apply text-gray-600 mb-4;
}

.service-box .modern-button {
    @apply bg-blue-600 text-white hover:bg-blue-700;
}

/* Secțiunea Despre Noi */
.about {
    @apply bg-gray-100 py-16 text-center;
}

.about h2 {
    @apply text-3xl md:text-4xl font-bold mb-6;
}

.about p {
    @apply text-lg text-gray-600 max-w-4xl mx-auto;
}

/* Footer */
footer {
    @apply bg-gray-900 text-white text-center py-6;
}

footer p {
    @apply text-base;
}

/* Banner Flash */
.flash-banner {
    @apply bg-blue-600 text-white fixed w-full py-4 text-center z-40 shadow-lg;
    transition: transform 0.3s ease-in-out;
}

.flash-content {
    @apply flex items-center justify-center space-x-4;
}

.flash-content p {
    @apply text-lg font-semibold;
}

.flash-content strong {
    @apply text-white underline;
}

.call-now-button {
    @apply bg-white text-blue-600 font-bold py-2 px-4 rounded-full hover:bg-blue-100 transition duration-300;
}

.hide-banner {
    @apply -translate-y-full;
}

/* Responsivitate */
@media (max-width: 768px) {
    .container {
        @apply flex-col text-center;
    }

    .nav-links {
        @apply flex-col space-y-2;
    }

    .services-container {
        @apply grid-cols-1;
    }

    .service-box {
        @apply w-full mb-6;
    }

    .modern-button {
        @apply py-3 px-8 text-lg;
    }
}