/* =========================================================
   VIDEURO — ONE CLEAN HEADER
   Reference: English Dark header
   ========================================================= */

.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 6px !important;

    border:0 !important;
    background:transparent !important;

    color:#0a9171 !important;
    -webkit-text-fill-color:#0a9171 !important;

    font-size:14px !important;
    font-weight:600 !important;

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

    white-space:nowrap !important;
}


/* =========================================================
   JOIN FREE / REGISTER
   ACTUAL ELEMENT FROM YOUR HTML:
   .button.button-small
   ========================================================= */

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

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

    position:relative !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;

    box-sizing:border-box !important;

    border:1px solid var(--vh-control-border) !important;
    border-radius:6px !important;

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

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

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

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

    box-shadow:none !important;

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

    transform:none !important;
}


/* =========================================================
   THEME BUTTON
   Created once by clean JS
   ========================================================= */

.site-header .videuro-theme-toggle {

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !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:1px solid var(--vh-control-border) !important;
    border-radius:6px !important;

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

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

    font-size:18px !important;
    line-height:1 !important;

    cursor:pointer !important;

    box-shadow:none !important;

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


/* =========================================================
   LANGUAGE
   ACTUAL ELEMENT:
   .videuro-language-current
   ========================================================= */

.site-header .videuro-language {
    display:block !important;
    position:relative !important;

    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:1px solid var(--vh-control-border) !important;
    border-radius:7px !important;

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

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

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

    box-shadow:none !important;

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

    cursor:pointer !important;
}


.site-header .videuro-language-current span {
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;

    background:transparent !important;

    opacity:.75 !important;
}


/* =========================================================
   DARK MODE
   Exact English reference
   ========================================================= */

.site-header.vh-dark {
    --vh-control-text:#ffffff;
    --vh-control-border:rgba(255,255,255,.24);
}


/* =========================================================
   LIGHT MODE
   Same geometry — BLACK TEXT + BLACK BORDER
   ========================================================= */

.site-header.vh-light {
    --vh-control-text:#111111;
    --vh-control-border:rgba(0,0,0,.30);
}


/* Light Sign in stays green */
.site-header.vh-light
.header-actions > a.text-link {

    color:#078d6e !important;
    -webkit-text-fill-color:#078d6e !important;
}


/* Hover */

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

.site-header.vh-dark
.videuro-theme-toggle:hover,

.site-header.vh-dark
.videuro-language-current:hover {

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


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

.site-header.vh-light
.videuro-theme-toggle:hover,

.site-header.vh-light
.videuro-language-current:hover {

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


/* Mobile keeps original mobile behaviour */
@media(max-width:720px) {

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

        display:none !important;
    }

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

        display:none !important;
    }

    .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 {

        min-width:64px !important;

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