/*
 * SEZER AI Hospital - Translation layer styles
 * Loaded together with the translation engine on every layout and standalone
 * page, so it must not depend on site.css being present.
 */

/* The Google Translate widget is driven programmatically and never shown. */
#google_translate_element {
    display: none !important;
}

/* Google injects a top banner and offsets <body>; both are suppressed. */
body {
    top: 0 !important;
}

.skiptranslate iframe.goog-te-banner-frame,
iframe.goog-te-banner-frame,
.goog-te-balloon-frame {
    display: none !important;
    visibility: hidden !important;
}

.goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   RTL support (Arabic, Persian, Urdu, Hebrew)
   translate-core.js sets dir="rtl" and .sezer-rtl on <html> when the active
   language is right-to-left. Structural widths, paddings and absolute offsets
   are direction-neutral, so the existing layout is preserved.
   ========================================================================== */
html.sezer-rtl body {
    text-align: right;
}

html.sezer-rtl input,
html.sezer-rtl textarea,
html.sezer-rtl select {
    text-align: right;
}

html.sezer-rtl th,
html.sezer-rtl td {
    text-align: right;
}

/* Icons, numbers, codes and contact data stay left-to-right inside RTL text. */
html.sezer-rtl .material-symbols-outlined,
html.sezer-rtl .material-icons,
html.sezer-rtl .notranslate,
html.sezer-rtl [translate="no"],
html.sezer-rtl .tabular-nums,
html.sezer-rtl code,
html.sezer-rtl pre,
html.sezer-rtl input[type="email"],
html.sezer-rtl input[type="tel"],
html.sezer-rtl input[type="url"],
html.sezer-rtl input[type="number"],
html.sezer-rtl input[type="date"],
html.sezer-rtl input[type="time"] {
    direction: ltr;
    unicode-bidi: isolate;
}

html.sezer-rtl input[type="email"],
html.sezer-rtl input[type="tel"],
html.sezer-rtl input[type="url"],
html.sezer-rtl input[type="number"] {
    text-align: left;
}

/* Icon-only buttons must not gain stray alignment from the RTL text rules. */
html.sezer-rtl button > .material-symbols-outlined,
html.sezer-rtl a > .material-symbols-outlined {
    text-align: center;
}