/* Shared language controls. Keep the GetLeads copy byte-identical. */
:root { --site-language-bg:#fff; --site-language-fg:#222138; --site-language-muted:#66647a; --site-language-line:#dcd9e7; --site-language-accent:#4934a0; --site-language-tint:#f2eefb; }
html[data-site="megatgai"] { --site-language-bg:#17241c; --site-language-fg:#f0f3e9; --site-language-muted:#a2b0a8; --site-language-line:#44553f; --site-language-accent:#d0f5a5; --site-language-tint:#273b2a; }
.site-language { position:relative; display:inline-flex; flex:0 0 auto; align-items:center; max-width:100%; }
.site-language-control { position:relative; display:inline-flex; max-width:100%; }
.site-language-control > svg { position:absolute; width:17px; height:17px; left:11px; top:50%; transform:translateY(-50%); pointer-events:none; color:var(--site-language-fg); z-index:1; }
.site-language .site-language-select { box-sizing:border-box; width:128px; min-height:38px; max-width:100%; padding:0 7px 0 35px; border:1px solid var(--site-language-line); border-radius:10px; background:var(--site-language-bg); color:var(--site-language-fg); font:500 12px/1.3 Inter,Arial,sans-serif; cursor:pointer; }
.site-language-select:hover { border-color:var(--site-language-accent); }
.site-language-select:focus-visible { outline:2px solid var(--site-language-accent); outline-offset:3px; }
.site-language-error { position:absolute; top:calc(100% + 8px); right:0; z-index:100; width:240px; padding:12px; border:1px solid var(--site-language-line); border-radius:10px; background:var(--site-language-bg); color:var(--site-language-fg); box-shadow:0 12px 30px #0003; font:13px/1.5 Arial,sans-serif; }
.site-language-welcome { position:fixed; z-index:20000; box-sizing:border-box; width:450px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 32px); margin:0; padding:22px; border:1px solid var(--site-language-accent); border-radius:20px; background:var(--site-language-bg); color:var(--site-language-fg); box-shadow:0 16px 50px #0004; overflow:auto; font:14px/1.5 Inter,Arial,sans-serif; }
.site-language-heading { display:grid; grid-template-columns:44px minmax(0,1fr) 28px; gap:12px; align-items:center; }
.site-language-emblem { display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--site-language-line); border-radius:13px; background:var(--site-language-tint); color:var(--site-language-accent); }
.site-language-emblem svg { width:24px; height:24px; }
.site-language-welcome .site-language-kicker { margin:0 0 4px; font-size:10px; letter-spacing:.11em; text-transform:uppercase; color:var(--site-language-muted); }
.site-language-welcome h2 { margin:0; font:600 23px/1.22 Inter,Arial,sans-serif; letter-spacing:-.035em; color:inherit; }
.site-language-dismiss { display:grid; place-items:center; width:28px; height:28px; padding:4px; align-self:start; border:0; border-radius:7px; color:var(--site-language-muted); background:transparent; cursor:pointer; }
.site-language-dismiss:hover { color:var(--site-language-fg); background:var(--site-language-tint); }
.site-language-dismiss svg { width:18px; height:18px; }
.site-language-welcome .site-language-native { margin:15px 0 17px; font-size:11px; color:var(--site-language-muted); }
.site-language-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.site-language-welcome .site-language-card { display:flex; align-items:center; justify-content:space-between; gap:5px; min-height:48px; padding:12px 10px; border:1px solid var(--site-language-line); border-radius:11px; background:transparent; color:inherit; cursor:pointer; font:500 14px/1.3 Inter,Arial,sans-serif; }
.site-language-card[aria-pressed="true"], .site-language-card:hover { background:var(--site-language-tint); border-color:var(--site-language-accent); }
.site-language-check { opacity:0; color:var(--site-language-accent); }
.site-language-card[aria-pressed="true"] .site-language-check { opacity:1; }
.site-language-welcome .site-language-note { margin:15px 0 17px; color:var(--site-language-muted); font-size:12px; }
.site-language-buttons { display:flex; justify-content:flex-end; gap:10px; }
.site-language-buttons button, .site-language-startup-error button { min-height:44px; padding:10px 18px; border:1px solid var(--site-language-line); border-radius:11px; background:transparent; color:inherit; font:600 13px/1.4 Inter,Arial,sans-serif; cursor:pointer; }
.site-language-buttons [data-language-continue] { background:var(--site-language-accent); border-color:var(--site-language-accent); color:#fff; }
html[data-site="megatgai"] .site-language-buttons [data-language-continue] { color:#14271b; }
.site-language-welcome-error { color:var(--site-language-fg); border-left:3px solid #e05c58; padding-left:12px; font-size:13px; }
.site-language-welcome button:focus-visible { outline:2px solid var(--site-language-accent); outline-offset:3px; }
.site-language-welcome :disabled { opacity:.55; cursor:wait; }
.site-language-attention { animation:site-language-nudge 1.6s ease-in-out 4; }
@keyframes site-language-nudge { 0%,100% { box-shadow:0 16px 50px #0004,0 0 0 0 transparent; } 50% { box-shadow:0 16px 50px #0004,0 0 0 5px color-mix(in srgb,var(--site-language-accent) 23%,transparent); } }
.site-language-startup-error { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:10000; width:430px; max-width:calc(100vw - 32px); padding:24px; border:1px solid var(--site-language-line); border-radius:18px; background:var(--site-language-bg); color:var(--site-language-fg); box-shadow:0 20px 80px #0005; font:15px/1.5 Arial,sans-serif; }
.site-language-startup-error a { display:inline-block; margin:12px 8px 0; color:var(--site-language-accent); }
.site-language-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.site-language-welcome [hidden], .site-language [hidden] { display:none!important; }
@media(max-width:900px) { .topbar .site-language-select { min-height:44px; } }
@media(max-width:760px) { .topbar .site-language .site-language-select { width:44px; padding:0; font-size:0; color:transparent; } .topbar .site-language-select option { font-size:14px; color:var(--site-language-fg); } .topbar .site-language-control > svg { left:13px; } }
@media(max-width:380px) { html[data-site="megatgai"] .topbar { padding-left:12px; padding-right:12px; column-gap:6px; } .topbar .topbar-tools { gap:3px; } .topbar .docs-brand { font-size:18px; } }
@media(max-width:420px) { .site-language-welcome { padding:18px; } .site-language-heading { grid-template-columns:36px minmax(0,1fr) 28px; gap:9px; } .site-language-emblem { width:36px; height:36px; } .site-language-welcome h2 { font-size:20px; } .site-language-options { grid-template-columns:1fr; } .site-language-welcome .site-language-card { padding:11px 14px; min-height:44px; } .site-language-welcome .site-language-native span { display:block; } .site-language-buttons button { width:100%; } }
@media(prefers-reduced-motion:reduce) { .site-language-welcome, .site-language-select { scroll-behavior:auto; animation:none; } }
@media print { .site-language, .site-language-welcome, .site-language-startup-error { display:none!important; } }
