/* Base styles */
body[dir="rtl"] {
    font-family: 'Cairo', sans-serif;
    text-align: right;
}

body[dir="ltr"] {
    font-family: 'Inter', sans-serif;
    text-align: left;
}

/* RTL/LTR utilities */
[dir="rtl"] .rtl-mirror {
    transform: scaleX(-1);
}

/* Hero Section Styles */
.bg-gradient-to-br {
    background-size: 200% 200%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Input fields */
.input-field {
    @apply w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent transition;
}

[dir="rtl"] .input-field {
    text-align: right;
}

[dir="ltr"] .input-field {
    text-align: left;
}

/* Button alignment fixes */
button {
    @apply flex items-center justify-center;
}

.lang-switcher {
    @apply flex items-center justify-center min-w-[100px] font-medium;
}

.mobile-menu-button {
    @apply flex items-center justify-center w-10 h-10;
}

/* Icon alignment */
i[data-feather] {
    @apply flex items-center justify-center;
}

/* Buttons */
.btn-primary {
    @apply bg-primary hover:bg-primary/90 text-white font-semibold py-3 px-6 rounded-lg transition-all duration-300 transform hover:scale-105;
}

.btn-secondary {
    @apply border-2 border-secondary text-secondary hover:bg-secondary hover:text-white font-semibold py-3 px-6 rounded-lg transition-all duration-300 transform hover:scale-105;
}

/* Cards */
.card {
    @apply bg-white rounded-xl shadow-md overflow-hidden transition hover:shadow-lg;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .sidebar-collapse {
        @apply hidden;
    }
    
    .mobile-menu-button {
        @apply block;
    }
    
    .lang-switcher {
        @apply text-sm min-w-[80px] px-3 py-2;
    }
}

/* Hamburger menu animation */
.hamburger {
    @apply cursor-pointer;
}

.hamburger-line {
    transition: all 0.3s ease-in-out;
}