/* Shared GTranslate styles for frontend + admin */

/* Trigger wrappers */
.gtranslate-host {
    position: relative;
    z-index: 20;
}
.gtranslate-host .gtranslate_wrapper_store,
.gtranslate-host .gtranslate_wrapper_admin {
    display: inline-flex !important;
    align-items: center !important;
    pointer-events: auto !important;
}
.gtranslate-host .gtranslate_wrapper_store .glink.nturl[data-gt-lang],
.gtranslate-host .gtranslate_wrapper_admin .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_store .glink.nturl[data-gt-lang] span,
.gtranslate-host .gtranslate_wrapper_admin .glink.nturl[data-gt-lang] span {
    display: none !important;
}
/* Fallback: hide label in trigger even without data-gt-lang */
.gtranslate-host .gtranslate_wrapper_store > a.glink.nturl span,
.gtranslate-host .gtranslate_wrapper_admin > a.glink.nturl span {
    display: none !important;
}
.gtranslate-host .gtranslate_wrapper_store .glink.nturl[data-gt-lang] img,
.gtranslate-host .gtranslate_wrapper_admin .glink.nturl[data-gt-lang] img {
    width: 24px !important;
    height: 24px !important;
    border-radius: 0 !important;
    border: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    pointer-events: auto !important;
}

/* Footer placement helper */
.footer-language-row {
    display: flex;
    align-items: center;
    min-height: 30px;
    margin: 6px 0 14px;
}

/* Popup overlay */
body .gt_black_overlay.notranslate {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.62) !important;
    backdrop-filter: blur(2px) !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, #0f172a 0%, #111827 100%) !important;
    border: 1px solid #334155 !important;
    border-radius: 12px !important;
    box-shadow: 0 24px 60px -20px rgba(2, 6, 23, 0.8) !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 #1e293b !important;
    color: #cbd5e1 !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: rgba(99, 102, 241, 0.16) !important;
    color: #ffffff !important;
}
body .gt_white_content.notranslate .gt_languages > a.glink.nturl.gt-current-lang {
    background: rgba(99, 102, 241, 0.24) !important;
    border: 1px solid #6366f1 !important;
    padding: 8px 8px !important;
}
body .gt_white_content.notranslate .gt_languages > a.glink.nturl img {
    width: 22px !important;
    height: 22px !important;
    border-radius: 2px !important;
}
body .gt_white_content.notranslate .gt_languages > a.glink.nturl span {
    display: inline !important;
    color: inherit !important;
}

/* Dim admin header when popup is open */
body:has(.gt_white_content.notranslate[style*="display: block"]) .admin-header {
    filter: brightness(0.58) !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;
    }
}