/* GTranslate — публічний сайт Iruka */

.gtranslate-host {
    position: relative;
    z-index: 20;
}

.gtranslate-host .gtranslate_wrapper_site {
    display: inline-flex !important;
    align-items: center !important;
    pointer-events: auto !important;
}

.gtranslate-host .gtranslate_wrapper_site .glink.nturl[data-gt-lang] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    text-decoration: none !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.gtranslate-host .gtranslate_wrapper_site .glink.nturl[data-gt-lang] span,
.gtranslate-host .gtranslate_wrapper_site > a.glink.nturl span {
    display: none !important;
}

.gtranslate-host .gtranslate_wrapper_site .glink.nturl[data-gt-lang] img {
    width: var(--gt-flag-size, 24px) !important;
    height: var(--gt-flag-size, 24px) !important;
    border-radius: 4px !important;
    border: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    pointer-events: auto !important;
}

.footer-language {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--muted);
    font-size: .9rem;
}

.footer-language__label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.footer-language__label i {
    font-size: 1rem;
    opacity: .85;
}

/* Popup overlay */
body .gt_black_overlay.notranslate {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(8, 10, 18, 0.72) !important;
    backdrop-filter: blur(3px) !important;
    z-index: 2147483000 !important;
    pointer-events: auto !important;
}

/* Popup panel */
body .gt_white_content.notranslate {
    position: fixed !important;
    z-index: 2147483001 !important;
    pointer-events: auto !important;
    background: linear-gradient(180deg, var(--surface, #12141c) 0%, var(--bg, #0a0b10) 100%) !important;
    border: 1px solid var(--border, #2a2d3a) !important;
    border-radius: var(--radius, 12px) !important;
    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.65) !important;
    padding: 10px 12px !important;
    width: min(92vw, 420px) !important;
    max-height: min(74vh, 560px) !important;
    overflow: auto !important;
}

body .gt_white_content.notranslate .gt_languages {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 14px !important;
}

body .gt_white_content.notranslate .gt_languages > a.glink.nturl {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 4px !important;
    border-bottom: 1px solid var(--border, #2a2d3a) !important;
    color: var(--muted, #9ca3af) !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

body .gt_white_content.notranslate .gt_languages > a.glink.nturl:hover {
    background: color-mix(in srgb, var(--accent, #8b7cff) 18%, transparent) !important;
    color: var(--text, #f3f4f6) !important;
}

body .gt_white_content.notranslate .gt_languages > a.glink.nturl.gt-current-lang {
    background: color-mix(in srgb, var(--accent, #8b7cff) 28%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--accent, #8b7cff) 55%, var(--border, #2a2d3a)) !important;
    padding: 8px 8px !important;
    color: var(--text, #f3f4f6) !important;
}

body .gt_white_content.notranslate .gt_languages > a.glink.nturl img {
    width: 22px !important;
    height: 22px !important;
    border-radius: 4px !important;
}

body .gt_white_content.notranslate .gt_languages > a.glink.nturl span {
    display: inline !important;
    color: inherit !important;
}

body:has(.gt_white_content.notranslate[style*="display: block"]) .site-header {
    filter: brightness(0.58) !important;
}

@media (max-width: 640px) {
    body .gt_white_content.notranslate {
        width: min(96vw, 360px) !important;
        max-height: 72vh !important;
        padding: 8px 10px !important;
    }

    body .gt_white_content.notranslate .gt_languages {
        grid-template-columns: 1fr !important;
    }

    .site-footer__inner {
        flex-direction: column;
        align-items: flex-start !important;
    }
}