/* Header Responsive Styles - External CSS to avoid Blazor parsing issues */

@media (max-width: 768px) {
    .header-actions {
        gap: 0.5rem !important;
    }
    
    .user-greeting {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .header-actions {
        gap: 0.25rem !important;
    }
    
    .header-actions .culture-picker,
    .header-actions .user-info {
        font-size: 0.875rem;
    }
}

/* Ensure culture picker text stays consistent (white) across themes */
.culture-picker select.form-select,
.culture-picker i {
    color: #ffffff !important;
}

.culture-picker select.form-select option {
    color: #000000; /* dropdown list itself readable */
}