/**
 * Custom Styles for Alsari Enterprises Theme
 * Tailwind CSS is loaded separately
 */

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

/* Base styles are handled by Tailwind, but you can add custom overrides here */

.smart-hover {
    transition: all 0.2s ease-out;
}

.smart-focus {
    outline: none;
}

.smart-focus:focus {
    outline: 2px solid #2563EB;
    outline-offset: 2px;
}

.animate-fade-in {
    animation: fadeIn 0.4s ease-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.animate-slide-up {
    animation: slideUp 0.4s ease-out;
}

@keyframes slideUp {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.animate-scale-in {
    animation: scaleIn 0.3s ease-out;
}

@keyframes scaleIn {
    from {
        transform: scale(0.95);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* Ensure videos cover full area */
video {
    object-fit: cover;
}

/* WordPress admin bar adjustment */
body.admin-bar #main-nav {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar #main-nav {
        top: 46px;
    }
}