﻿
        .topbar {
            background-color: #343a40; /* Dark background color */
            padding: 5px 10px;
            position: relative;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

        /* Translate Button Styling */
        .translate-btn {
            background-color: #4CAF50; /* Green background */
            color: white;  /* White text */
            padding: 10px 20px; /* Padding inside button */
            font-size: 16px; /* Text size */
            border: none; /* Remove border */
            border-radius: 5px; /* Rounded corners */
            display: flex;
            align-items: center;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .translate-btn i {
            margin-right: 8px;
        }

        /* Hover Effect for Button */
        .translate-btn:hover {
            background-color: #45a049; /* Slightly darker green on hover */
        }

        /* Google Translate Widget Styling */
        .translate-widget {
            display: none; /* Initially hide the widget */
            position: absolute;
            top: 50px; /* Positioning below the button */
            right: 0;
            background-color: #fff; /* White background */
            border: 1px solid #ddd; /* Light border for the widget */
            border-radius: 5px; /* Rounded corners */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
            padding: 10px;
            width: 200px; /* Widget width */
            z-index: 1000;
            transition: opacity 0.3s ease; /* Smooth transition */
        }

        /* Show widget on button click */
        .translate-widget.show {
            display: block;
            opacity: 1; /* Make the widget fully visible */
        }

        /* Optional: Add some custom styling for the translate element if needed */
        #google_translate_element select {
            width: 100%;
            padding: 5px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 14px;
        }    