/* Google Translate Custom Styling */
.goog-te-gadget {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    display: inline-block !important;
    position: relative !important;
    margin-right: 15px !important;
}

/* Hide Google branding */
.goog-te-gadget-simple {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    line-height: 40px !important; /* Match Order Now button height */
    display: inline-flex !important;
    align-items: center !important;
}

.goog-te-gadget-simple img,
.goog-logo-link,
.goog-te-banner-frame,
.goog-te-balloon-frame {
    display: none !important;
}

.goog-te-gadget {
    color: transparent !important;
}

/* Style the dropdown */
.goog-te-gadget select.goog-te-combo {
    margin: 0 !important;
    padding: 8px 35px 8px 12px !important;
    border-radius: 5px !important;
    border: 1px solid #e0e0e0 !important;
    background: #fff url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') no-repeat right 8px center !important;
    background-size: 16px !important;
    color: #333 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    min-width: 160px !important;
    height: 40px !important; /* Match Order Now button height */
}

/* Style dropdown options */
.goog-te-gadget select.goog-te-combo option {
    padding: 8px 12px !important;
    background: #fff !important;
    color: #333 !important;
}

/* Add flags */
.goog-te-gadget select.goog-te-combo option[value="en"] {
    background: #fff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCAzMCI+PHJlY3Qgd2lkdGg9IjYwIiBoZWlnaHQ9IjMwIiBmaWxsPSIjMDAyNDdkIi8+PGNyb3NzIHg9IjMwIiB5PSIxNSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjYiLz48Y3Jvc3MgeD0iMzAiIHk9IjE1IiBzdHJva2U9IiNjZjE0MmIiIHN0cm9rZS13aWR0aD0iNCIvPjwvc3ZnPg==') no-repeat 8px center !important;
    background-size: 20px !important;
    padding-left: 35px !important;
}

.goog-te-gadget select.goog-te-combo option[value="ar"] {
    background: #fff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCAzMCI+PHJlY3Qgd2lkdGg9IjYwIiBoZWlnaHQ9IjEwIiBmaWxsPSIjMDA3YTNkIi8+PHJlY3QgeT0iMTAiIHdpZHRoPSI2MCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2ZmZiIvPjxyZWN0IHk9IjIwIiB3aWR0aD0iNjAiIGhlaWdodD0iMTAiIGZpbGw9IiNjZTExMjYiLz48L3N2Zz4=') no-repeat 8px center !important;
    background-size: 20px !important;
    padding-left: 35px !important;
}

/* Remove top bar */
body {
    top: 0 !important;
}

/* Align with Order Now button */
.goog-te-gadget {
    vertical-align: middle !important;
    margin-top: 0 !important;
}

/* Hide other languages */
.goog-te-gadget select.goog-te-combo option:not([value="en"]):not([value="ar"]) {
    display: none !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .goog-te-gadget select.goog-te-combo {
        min-width: 120px !important;
        font-size: 13px !important;
    }
}