/* Production Environment CSS Fixes */

/* Ensure proper font loading in production */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap');

/* Force proper RTL direction */
body {
    direction: rtl !important;
    font-family: 'Cairo', Arial, sans-serif !important;
}

/* Fix any Bootstrap RTL issues */
.navbar-nav {
    flex-direction: row !important;
}

.navbar-nav .nav-link {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

/* Ensure proper color inheritance */
:root {
    --primary-green: #064e31 !important;
    --secondary-green: #369456 !important;
    --accent-green: #228B22 !important;
    --light-green: #E8F5E8 !important;
    --dark-green: #003d00 !important;
}

/* Force button colors */
.btn-primary {
    background-color: var(--primary-green) !important;
    border-color: var(--primary-green) !important;
}

.btn-success {
    background-color: var(--secondary-green) !important;
    border-color: var(--secondary-green) !important;
}

/* Fix navigation alignment */
.navbar-brand {
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* Ensure proper logo sizing */
.navbar-brand img {
    max-height: 50px !important;
    width: auto !important;
}

/* Fix dropdown alignment */
.dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

/* Production-specific responsive fixes */
@media (max-width: 768px) {
    .navbar-collapse {
        text-align: right !important;
    }
    
    .hero-section {
        padding-top: 80px !important;
    }
}