/* =========================================================
   NEDA eCAMPUS — THE LANGUAGE SWITCHER, WITHOUT GTRANSLATE

   Loaded only when the stored-translation layer serves the page
   (src/Translate.php). The switcher keeps GTranslate's markup -
   #gt_float_wrapper, .gt_float_switcher, .gt-selected, .gt_options -
   so the header script (it adopts and parks the switcher by these
   classes) and the ~60 rules in neda-header.css and
   neda-dropdowns.css that the owner has approved go on working
   unchanged. GTranslate injected two things at runtime that this
   file now carries instead, verbatim (captured from the live page,
   2026-10-14):

     1. the Custom CSS box, "NEDA eCAMPUS — GTRANSLATE LANGUAGE
        SELECTOR v2 (2026-08-02)", from GTranslate's settings;
     2. GTranslate's own base widget CSS (float.js, 5.0.1).
   ========================================================= */


/* ---------------- 1. NEDA eCAMPUS — LANGUAGE SELECTOR v2 ---------------- */

.neda-header-navigation-row,
.neda-language-desktop,
.neda-language-mobile {
    position: relative !important;
    overflow: visible !important;
}

.neda-header-navigation-row { z-index: 1000 !important; }

.neda-language-desktop,
.neda-language-mobile { z-index: 1001 !important; }

#gt_float_wrapper,
#gt_float_wrapper .gt_float_switcher {
    position: relative !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    inset: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

#gt_float_wrapper .gt_float_switcher,
#gt_float_wrapper .gt_float_switcher * {
    box-sizing: border-box !important;
    font-family: inherit !important;
}

#gt_float_wrapper .gt_float_switcher {
    font-size: 15px !important;
    line-height: 1 !important;
}

#gt_float_wrapper .gt_float_switcher .gt-selected {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

#gt_float_wrapper .gt_float_switcher .gt-current-lang {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: color 0.15s ease !important;
}

#gt_float_wrapper .gt_float_switcher .gt-lang-code {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
}

header.wp-block-template-part.is-neda-scrolled
#gt_float_wrapper .gt_float_switcher .gt-current-lang,
header.wp-block-template-part.is-neda-scrolled
#gt_float_wrapper .gt_float_switcher .gt-lang-code {
    color: #FFFFFF !important;
}

header.wp-block-template-part.is-neda-scrolled
#gt_float_wrapper .gt_float_switcher .gt_float_switcher-arrow {
    filter: brightness(0) invert(1) !important;
}

.neda-user-lang #gt_float_wrapper .gt_float_switcher .gt-current-lang,
.neda-user-lang #gt_float_wrapper .gt_float_switcher .gt-lang-code {
    color: inherit !important;
    font-weight: inherit !important;
}

.neda-user-lang:hover #gt_float_wrapper .gt_float_switcher .gt-current-lang,
.neda-user-lang:hover #gt_float_wrapper .gt_float_switcher .gt-lang-code,
.neda-user-lang:focus-within #gt_float_wrapper .gt_float_switcher .gt-current-lang,
.neda-user-lang:focus-within #gt_float_wrapper .gt_float_switcher .gt-lang-code {
    color: #FFFFFF !important;
}

.neda-user-lang:hover
#gt_float_wrapper .gt_float_switcher .gt_float_switcher-arrow,
.neda-user-lang:focus-within
#gt_float_wrapper .gt_float_switcher .gt_float_switcher-arrow {
    filter: brightness(0) invert(1) !important;
}

#gt_float_wrapper .gt_float_switcher img {
    display: block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    max-width: 16px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 2px !important;
    vertical-align: middle !important;
}

#gt_float_wrapper .gt_float_switcher .gt_options {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    width: max-content !important;
    min-width: 150px !important;
    max-height: 280px !important;
    margin: 0 !important;
    padding: 6px !important;
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.18) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 99999 !important;
}

.neda-language-desktop .gt_float_switcher .gt_options {
    right: 0 !important;
    left: auto !important;
}

.neda-language-mobile .gt_float_switcher .gt_options {
    right: auto !important;
    left: 0 !important;
}

#gt_float_wrapper .gt_float_switcher .gt_options a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 30px !important;
    padding: 7px 10px !important;
    margin: 0 !important;
    background-color: transparent !important;
    color: #000000 !important;
    border: 0 !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background-color 0.15s ease, color 0.15s ease !important;
}

/* :focus-visible, not :focus - script focus is never cherry (owner). */
#gt_float_wrapper .gt_float_switcher .gt_options a:hover,
#gt_float_wrapper .gt_float_switcher .gt_options a:focus-visible {
    background-color: #D7263D !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

/* Accessibility gate, 2026-10-14: the GTranslate box's cyan ring
   (#0EC4C5, 2.16:1 on white - fails 1.4.11) is gone; the opener takes
   the estate's cherry ring from neda-focus.css. A row that fills cherry
   needs no ring of its own; the transparent outline still draws in
   forced-colours mode. */
#gt_float_wrapper .gt_float_switcher .gt_options a:focus-visible {
    outline: 3px solid transparent !important;
}


/* ---------------- 2. GTranslate's base widget CSS (float.js 5.0.1) ---------------- */

.gt_float_switcher{font-family:Arial;font-size:20px;border-radius:2px;color:#555;display:inline-block;line-height:20px;box-shadow:rgba(0,0,0,0.15) 0 5px 15px;background:#fff;overflow:hidden;transition:all .5s cubic-bezier(0.4, 0, 1, 1)}
.gt_float_switcher img{vertical-align:middle;display:inline-block;width:33px;height:auto;margin:0 5px 0 0;border-radius:3px}
.gt_float_switcher .gt_options{position:relative;z-index:777;max-height:250px;overflow-y:auto;transform:translateY(-30px);opacity:0;cursor:pointer;transition:all .8s cubic-bezier(.3,1.1,.4,1.1)}
.gt_float_switcher .gt_options a{display:block;text-decoration:none;padding:6px 15px;color:#444;transition:color .4s linear}
.gt_float_switcher .gt-selected{position:relative;z-index:888;background-color:#fff;cursor:pointer;text-transform:uppercase;overflow:hidden}
.gt_float_switcher .gt_options.gt-open{opacity:1;transform:translateX(0px)}
.gt_float_switcher .gt_options::-webkit-scrollbar-track{background-color:#f5f5f5}
.gt_float_switcher .gt_options::-webkit-scrollbar{width:5px}
.gt_float_switcher .gt_options::-webkit-scrollbar-thumb{background-color:#888}
.gt_float_switcher .gt_options a:hover{background:#6070a0;color:#fff}
.gt_float_switcher .gt_options a.gt-current{display:none}
.gt_float_switcher .gt-selected .gt-current-lang{padding:6px 15px;color:#333;font-weight:bold}
.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code{position:relative;top:2px}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{display:inline-block;height:24px;width:15px;vertical-align:middle;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23666'/></svg>");background-position:50%;background-size:11px;background-repeat:no-repeat;transition:all .3s;transform:rotate(-180deg)}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate{transform:rotate(0deg)}


/* ---------------- 3. Neda additions ---------------- */

/* The opener is a real button now (it was a div with a click handler):
   reset the browser's button look so it draws exactly as before. */
#gt_float_wrapper .gt_float_switcher button.gt-current-lang {
    font: inherit;
    appearance: none;
    -webkit-appearance: none;
}

/* In the user menu the switcher is a 35px row: the whole row opens it,
   no dead strips beside the button (accessibility gate). */
.neda-user-lang #gt_float_wrapper,
.neda-user-lang #gt_float_wrapper .gt_float_switcher,
.neda-user-lang #gt_float_wrapper .gt_float_switcher .gt-selected {
    width: 100% !important;
}

.neda-user-lang #gt_float_wrapper .gt_float_switcher button.gt-current-lang {
    width: 100% !important;
    min-height: 35px !important;
}

/* The language's own name carries lang/dir; the row keeps the page's
   direction, so flag and tick sit where every other row has them. */
#gt_float_wrapper .gt_float_switcher .gt_options a .neda-lang-name {
    unicode-bidi: isolate;
}