/* =========================================================
   VIDEURO HEADER — ALL LANGUAGES FINAL
   English layout = reference

   Controls:
   Sign in | Register | Theme | Language

   No language-specific styling.
   ========================================================= */


/* RIGHT SIDE */

.site-header .header-actions {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;

    gap:14px !important;
}


/* =========================================================
   SIGN IN
   ========================================================= */

.site-header .header-actions > a.text-link {

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    height:40px !important;

    margin:0 !important;
    padding:0 5px !important;

    border:0 !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    color:#078f70 !important;
    -webkit-text-fill-color:#078f70 !important;

    font-size:14px !important;
    font-weight:600 !important;
    line-height:1 !important;

    text-decoration:none !important;
    white-space:nowrap !important;

    opacity:1 !important;
    visibility:visible !important;

    box-shadow:none !important;
}


/* =========================================================
   REGISTER
   Works for:
   Join free
   Inscription
   Kostenlos starten
   Únete gratis
   Ücretsiz katıl
   etc.
   ========================================================= */

.site-header
.header-actions >
a.button.button-small[href*="page=register"] {

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    box-sizing:border-box !important;

    width:auto !important;
    min-width:max-content !important;

    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;

    margin:0 !important;
    padding:0 17px !important;

    border-width:1px !important;
    border-style:solid !important;
    border-color:var(--vh-border) !important;

    border-radius:6px !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    color:var(--vh-text) !important;
    -webkit-text-fill-color:var(--vh-text) !important;

    font-size:14px !important;
    font-weight:600 !important;
    line-height:1 !important;

    text-decoration:none !important;
    white-space:nowrap !important;

    opacity:1 !important;
    visibility:visible !important;

    box-shadow:none !important;

    transform:none !important;
}


/* Kill old green pills */

.site-header
.header-actions >
a.button.button-small[href*="page=register"]::before,

.site-header
.header-actions >
a.button.button-small[href*="page=register"]::after {

    display:none !important;
    content:none !important;
}


/* =========================================================
   THEME
   ========================================================= */

.site-header .videuro-theme-toggle {

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    box-sizing:border-box !important;

    flex:0 0 40px !important;

    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;

    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;

    margin:0 !important;
    padding:0 !important;

    border-width:1px !important;
    border-style:solid !important;
    border-color:var(--vh-border) !important;

    border-radius:6px !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    color:var(--vh-text) !important;
    -webkit-text-fill-color:var(--vh-text) !important;

    font-size:17px !important;
    font-weight:400 !important;
    line-height:1 !important;

    opacity:1 !important;
    visibility:visible !important;

    box-shadow:none !important;

    cursor:pointer !important;
}


.site-header .videuro-theme-toggle *,
.site-header .videuro-theme-toggle svg,
.site-header .videuro-theme-toggle svg * {

    color:var(--vh-text) !important;
    -webkit-text-fill-color:var(--vh-text) !important;

    fill:var(--vh-text) !important;
    stroke:var(--vh-text) !important;

    opacity:1 !important;
    visibility:visible !important;
}


/* =========================================================
   LANGUAGE
   ========================================================= */

.site-header .videuro-language {

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
}


.site-header .videuro-language-current {

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:7px !important;

    box-sizing:border-box !important;

    width:auto !important;
    min-width:76px !important;

    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;

    margin:0 !important;
    padding:0 10px !important;

    border-width:1px !important;
    border-style:solid !important;
    border-color:var(--vh-border) !important;

    border-radius:7px !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    color:var(--vh-text) !important;
    -webkit-text-fill-color:var(--vh-text) !important;

    font-size:13px !important;
    line-height:1 !important;
    font-weight:600 !important;

    white-space:nowrap !important;

    opacity:1 !important;
    visibility:visible !important;

    box-shadow:none !important;
}


.site-header .videuro-language-current *,
.site-header .videuro-language-current svg,
.site-header .videuro-language-current svg * {

    color:var(--vh-text) !important;
    -webkit-text-fill-color:var(--vh-text) !important;

    fill:var(--vh-text) !important;
    stroke:var(--vh-text) !important;

    opacity:1 !important;
    visibility:visible !important;
}


/* =========================================================
   LIGHT MODE
   EXACT SAME BORDER COLOR/WEIGHT FOR ALL 3
   ========================================================= */

.site-header[data-vh-mode="light"] {

    --vh-text:#111111;
    --vh-border:#111111;
}


/* =========================================================
   DARK MODE
   English Dark reference
   ========================================================= */

.site-header[data-vh-mode="dark"] {

    --vh-text:#ffffff;
    --vh-border:rgba(255,255,255,.25);
}


/* =========================================================
   HOVER
   ========================================================= */

.site-header[data-vh-mode="light"]
.header-actions >
a.button.button-small[href*="page=register"]:hover,

.site-header[data-vh-mode="light"]
.videuro-theme-toggle:hover,

.site-header[data-vh-mode="light"]
.videuro-language-current:hover {

    background:rgba(0,0,0,.04) !important;
}


.site-header[data-vh-mode="dark"]
.header-actions >
a.button.button-small[href*="page=register"]:hover,

.site-header[data-vh-mode="dark"]
.videuro-theme-toggle:hover,

.site-header[data-vh-mode="dark"]
.videuro-language-current:hover {

    background:rgba(255,255,255,.055) !important;
}


/* =========================================================
   DESKTOP: KEEP MOBILE MENU HIDDEN
   ========================================================= */

@media(min-width:901px) {

    .site-header .mobile-menu-toggle,
    .site-header .mobile-nav-toggle,
    .site-header .menu-toggle,
    .site-header .nav-toggle,
    .site-header .hamburger,
    .site-header .hamburger-menu {

        display:none !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:900px) {

    .site-header .videuro-theme-toggle {

        width:36px !important;
        min-width:36px !important;
        max-width:36px !important;

        height:36px !important;
        min-height:36px !important;
        max-height:36px !important;
    }


    .site-header .videuro-language-current {

        height:36px !important;
        min-height:36px !important;
        max-height:36px !important;
    }
}



/* =========================================================
   FINAL CLICKABILITY FIX
   ========================================================= */

.site-header {
    position:relative !important;
    z-index:1000 !important;
}

.site-header .header-actions {
    position:relative !important;
    z-index:1005 !important;

    pointer-events:auto !important;
}

.site-header .header-actions > *,
.site-header .videuro-theme-toggle,
.site-header .videuro-language,
.site-header .videuro-language-current,
.site-header a[href*="page=register"] {

    position:relative !important;
    z-index:1010 !important;

    pointer-events:auto !important;
}


.site-header .videuro-theme-toggle {

    cursor:pointer !important;

    user-select:none !important;
    -webkit-user-select:none !important;

    touch-action:manipulation !important;
}


/* Never let pseudo elements block the click */

.site-header .videuro-theme-toggle::before,
.site-header .videuro-theme-toggle::after,
.site-header .videuro-language-current::before,
.site-header .videuro-language-current::after,
.site-header a[href*="page=register"]::before,
.site-header a[href*="page=register"]::after {

    pointer-events:none !important;
}