/* Custom styles for BUSNESCO Data Processor */

/* Language selector improvements */
.navbar .dropdown-toggle::after {
    margin-left: 0.5rem;
    vertical-align: 0.155em;
}

.navbar .dropdown-menu {
    min-width: 120px;
    border: 1px solid #dee2e6;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.navbar .dropdown-item:hover {
    background-color: #f8f9fa;
}

.navbar .nav-link {
    color: #000000 !important;
}

.navbar .nav-link:hover {
    color: #333333 !important;
}

/* Form field styling */
.form-control {
    border-radius: 0.375rem;
    border: 1px solid #d1d5db;
    padding: 0.5rem 0.75rem;
}

.form-control:focus {
    border-color: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.3);
    outline: none;
}

/* Alert improvements */
.alert {
    border-radius: 0.375rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Card improvements */
.card {
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header {
    border-radius: 0.5rem 0.5rem 0 0 !important;
}

/* Button improvements */
.btn {
    border-radius: 0.375rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
}

.btn-primary {
    background-color: #000000;
    border-color: #000000;
    color: #FFCC00;
}

.btn-primary:hover {
    background-color: #333333;
    border-color: #333333;
    color: #FFCC00;
}

.btn-success {
    background-color: #10B981;
    border-color: #10B981;
}

.btn-success:hover {
    background-color: #059669;
    border-color: #059669;
}

.btn-info {
    background-color: #3B82F6;
    border-color: #3B82F6;
}

.btn-info:hover {
    background-color: #2563EB;
    border-color: #2563EB;
}

.btn-warning {
    background-color: #FFCC00;
    border-color: #FFCC00;
    color: #000000;
}

.btn-warning:hover {
    background-color: #D97706;
    border-color: #D97706;
    color: #000000;
}

/* Table improvements */
.table {
    border-radius: 0.5rem;
}

.table th {
    border-top: none;
}

/* Footer improvements */
footer {
    border-radius: 0.5rem 0.5rem 0 0;
    margin-top: 2rem;
}

/* Responsive improvements */
@media (max-width: 768px) {
    .navbar-collapse {
        background-color: #FFCC00;
        padding: 1rem;
        border-radius: 0.5rem;
        margin-top: 0.5rem;
    }
    
    .navbar-nav .nav-item {
        margin-bottom: 0.5rem;
    }
    
    .navbar-nav .nav-item:last-child {
        margin-bottom: 0;
    }
    
    /* Keep language and user profile visible on mobile */
    .navbar .d-flex.align-items-center {
        order: -1;
        margin-right: 1rem;
    }
    
    .navbar .nav-link {
        color: #000000 !important;
    }
}

/* Language display elements */
.fr, .en {
    transition: opacity 0.3s ease;
}

/* Ensure navbar brand and controls are always visible */
.navbar .navbar-brand {
    flex-shrink: 0;
}

.navbar .d-flex.align-items-center {
    flex-shrink: 0;
}

/* Dropdown menu items */
.dropdown-item {
    color: #000000;
}

.dropdown-item:hover {
    background-color: #FFCC00;
    color: #000000;
}