/* Internationalization (i18n) styles */

/* Fix sidebar header button layout */
.sidebar-header {
    padding: 15px 10px; /* Restore normal padding */
    overflow: visible; /* Ensure dropdown can show */
}

.sidebar-header > div {
    display: flex;
    gap: 5px; /* Normal gap between buttons */
    flex-shrink: 0; /* Prevent buttons from shrinking */
    align-items: center;
    flex-wrap: nowrap; /* Prevent wrapping */
}

/* Optimize button sizes in header */
.sidebar-header .btn {
    padding: 8px 12px; /* Normal padding for header buttons */
    font-size: 14px; /* Normal font size */
}

.sidebar-header .btn i {
    margin-right: 5px; /* Normal icon margin */
}

/* Language switcher dropdown */
.language-dropdown {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    min-width: 120px; /* Smaller minimum width */
    overflow: hidden;
    right: 0; /* Align to right edge */
    top: calc(100% + 2px); /* Position below button */
}

.language-option {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    transition: background-color 0.2s;
    gap: 8px;
}

.language-option:hover {
    background-color: #f5f5f5;
}

.language-option .flag {
    font-size: 16px;
}

.language-option .lang-name {
    font-size: 14px;
    color: #333;
}

/* Language switcher button styles */
#language-switcher {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 50px; /* Ensure minimum width */
    justify-content: center;
    background: var(--light-gradient);
    color: var(--text-color);
    border: 1px solid var(--border-color);
}

#language-switcher:hover {
    background: var(--primary-gradient);
    color: white;
    border-color: var(--primary-color);
}

#language-switcher.active {
    background-color: #f0f0f0;
}

#current-language {
    font-size: 10px;
    font-weight: bold;
    margin-left: 1px;
}

/* RTL support for future languages */
[dir="rtl"] {
    text-align: right;
}

[dir="rtl"] .sidebar {
    right: 0;
    left: auto;
}

[dir="rtl"] .main-content {
    margin-right: 300px;
    margin-left: 0;
}

/* Language-specific font adjustments */
html[lang="fr"] {
    /* French-specific styling if needed */
}

html[lang="en"] {
    /* English-specific styling if needed */
}

/* Responsive language switcher */
@media (max-width: 768px) {
    .language-dropdown {
        min-width: 120px;
    }
    
    .language-option {
        padding: 6px 10px;
    }
    
    .language-option .lang-name {
        font-size: 13px;
    }
}