/* ===== Markeraa Arabic Translator ===== */

/* Hide Google Translate bar, tooltips and highlight */
.goog-te-banner-frame, .skiptranslate > iframe, iframe.skiptranslate,
#goog-gt-tt, .goog-te-balloon-frame, .goog-tooltip, .goog-te-spinner-pos,
.VIpgJd-ZVi9od-ORHb-OEVmcd, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf, .VIpgJd-yAWNEb-L7lbkb,
#mka_gt_el { display: none !important; }
body { top: 0 !important; position: static; }
.goog-text-highlight, font font { background: transparent !important; box-shadow: none !important; }

/* Avoid the flash of English text while translating */
html.mka-loading body { opacity: 0; }
html body { transition: opacity .25s ease; }

/* Arabic font */
html.mka-ar.mka-has-font body,
html.mka-ar.mka-has-font body p,
html.mka-ar.mka-has-font body h1, html.mka-ar.mka-has-font body h2, html.mka-ar.mka-has-font body h3,
html.mka-ar.mka-has-font body h4, html.mka-ar.mka-has-font body h5, html.mka-ar.mka-has-font body h6,
html.mka-ar.mka-has-font body a, html.mka-ar.mka-has-font body li, html.mka-ar.mka-has-font body span,
html.mka-ar.mka-has-font body button, html.mka-ar.mka-has-font body input,
html.mka-ar.mka-has-font body textarea, html.mka-ar.mka-has-font body label,
html.mka-ar.mka-has-font body .elementor-heading-title,
html.mka-ar.mka-has-font body .elementor-button-text {
	font-family: var(--mka-font), "Cairo", Tahoma, sans-serif !important;
	letter-spacing: 0 !important;
}
/* (icons use <i> tags, which are left untouched above, so icon fonts keep working) */

/* RTL fixes (generic, works with most themes + Elementor) */
html[dir="rtl"].mka-ar body { direction: rtl; text-align: right; }
html[dir="rtl"].mka-ar ul, html[dir="rtl"].mka-ar ol { padding-right: 1.5em; padding-left: 0; }
html[dir="rtl"].mka-ar blockquote { border-left: 0; border-right: 4px solid currentColor; padding-right: 1em; }
html[dir="rtl"].mka-ar input, html[dir="rtl"].mka-ar textarea, html[dir="rtl"].mka-ar select { text-align: right; }
html[dir="rtl"].mka-ar input[type="email"], html[dir="rtl"].mka-ar input[type="tel"],
html[dir="rtl"].mka-ar input[type="url"] { direction: ltr; text-align: right; }
html[dir="rtl"].mka-ar .elementor-icon-list-icon { margin-right: 0; margin-left: 8px; }
html[dir="rtl"].mka-ar .text-left { text-align: right !important; }
/* Line-height is better for Arabic */
html.mka-ar body p, html.mka-ar body li { line-height: 1.8; }

/* Words kept as-is (brand name etc.) */
.mka-fixed { unicode-bidi: isolate; }

/* ===== Floating switcher ===== */
.mka-switcher {
	position: fixed; z-index: 999999;
	display: flex; gap: 2px; padding: 4px;
	background: #fff; border-radius: 999px;
	box-shadow: 0 4px 18px rgba(0,0,0,.15);
	font-family: "Cairo", Tahoma, sans-serif !important;
	direction: ltr;
}
.mka-pos-bottom-left  { bottom: 20px; left: 20px; }
.mka-pos-bottom-right { bottom: 20px; right: 20px; }
.mka-pos-top-left     { top: 90px; left: 20px; }
.mka-pos-top-right    { top: 90px; right: 20px; }
.mka-switcher a {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; height: 36px; padding: 0 12px;
	border-radius: 999px; text-decoration: none !important;
	color: #333 !important; font-size: 15px; font-weight: 700; line-height: 1;
}
.mka-switcher a:hover { background: #f1f1f1; }
.mka-switcher a.is-active { background: #111; color: #fff !important; }

/* Inline switcher [mka_switcher] */
.mka-inline-switch a { text-decoration: none; opacity: .65; }
.mka-inline-switch a.is-active { opacity: 1; font-weight: 700; }
.mka-inline-switch .mka-sep { margin: 0 6px; opacity: .4; }

@media print { .mka-switcher { display: none; } }