/* ==========================================================
   SEC EN UI V8
   ========================================================== */

/* ---------- HEADER ---------- */

.site-head{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:24px!important;
    min-height:74px;
    padding:12px 28px!important;
    background:#091728!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    z-index:100;
}

/* Ancien nav V6/V7 masqué pour éviter les doublons */
.site-head > nav:not(.sec-en-nav){
    display:none!important;
}

/* Logo / marque */
.site-head .sec-original-brand,
.site-head .brand{
    display:inline-flex!important;
    align-items:center!important;
    flex:0 0 auto;
    text-decoration:none!important;
    color:#fff!important;
    font-weight:900!important;
}

.site-head .sec-original-brand img,
.site-head .brand img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-height:54px!important;
    max-width:260px!important;
    object-fit:contain!important;
}

/* ---------- NAV DESKTOP ---------- */

.sec-en-nav{
    display:flex;
    align-items:center;
    gap:8px;
    margin-left:auto;
}

.sec-en-nav a{
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:9px 13px;
    border-radius:9px;
    color:#fff!important;
    text-decoration:none!important;
    font-size:14px;
    font-weight:750;
    transition:background .18s ease;
}

.sec-en-nav a:hover{
    background:rgba(255,255,255,.10);
}

/* ---------- HAMBURGER ---------- */

.sec-en-menu-btn{
    display:none;
    width:46px;
    height:46px;
    padding:10px;
    margin-left:auto;
    border:1px solid rgba(255,255,255,.18);
    border-radius:10px;
    background:rgba(255,255,255,.06);
    cursor:pointer;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
}

.sec-en-menu-btn span{
    display:block;
    width:24px;
    height:2px;
    border-radius:4px;
    background:#fff;
    transition:
        transform .2s ease,
        opacity .2s ease;
}

.sec-en-menu-btn[aria-expanded="true"] span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
}

.sec-en-menu-btn[aria-expanded="true"] span:nth-child(2){
    opacity:0;
}

.sec-en-menu-btn[aria-expanded="true"] span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
}

/* ---------- LIENS AFFILIATION ---------- */

/*
IMPORTANT :
Les anciens CSS mettent parfois les boutons avec background blanc
+ texte sombre. Ici on impose un rendu visible et cohérent.
*/

.partner-box a,
a[href*="shop.ledger.com"],
a[href*="ledger.com/?r="],
a[href*="affil.trezor.io"],
a[href*="koinly.io"],
a[href*="cointracking.info"]{
    color:#fff!important;
}

.partner-box a,
main a[href*="shop.ledger.com"],
main a[href*="ledger.com/?r="],
main a[href*="affil.trezor.io"],
main a[href*="koinly.io"],
main a[href*="cointracking.info"]{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    padding:10px 16px!important;
    margin:4px 4px 4px 0!important;
    border-radius:9px!important;
    border:1px solid rgba(255,255,255,.20)!important;
    background:#17263a!important;
    color:#fff!important;
    text-decoration:none!important;
    font-weight:800!important;
    line-height:1.25!important;
}

.partner-box a:hover,
main a[href*="shop.ledger.com"]:hover,
main a[href*="affil.trezor.io"]:hover,
main a[href*="koinly.io"]:hover,
main a[href*="cointracking.info"]:hover{
    background:#213751!important;
    border-color:rgba(255,255,255,.35)!important;
    color:#fff!important;
}

/* ---------- MOBILE ---------- */

@media(max-width:760px){

    .site-head{
        min-height:66px;
        padding:9px 15px!important;
    }

    .site-head .sec-original-brand img,
    .site-head .brand img{
        max-height:46px!important;
        max-width:205px!important;
    }

    .sec-en-menu-btn{
        display:inline-flex;
    }

    .sec-en-nav{
        display:none;
        position:absolute;
        top:calc(100% + 1px);
        left:0;
        right:0;
        width:100%;
        padding:10px 14px 16px;
        margin:0;
        flex-direction:column;
        align-items:stretch;
        gap:5px;
        background:#091728;
        border-bottom:1px solid rgba(255,255,255,.12);
        box-shadow:0 16px 30px rgba(0,0,0,.30);
        z-index:9999;
    }

    .sec-en-nav.is-open{
        display:flex!important;
    }

    .sec-en-nav a{
        width:100%;
        min-height:45px;
        padding:11px 13px;
        color:#fff!important;
        background:rgba(255,255,255,.035);
    }

    .sec-en-nav a:hover{
        background:rgba(255,255,255,.10);
    }

    .partner-box{
        overflow:hidden;
    }

    .partner-box a,
    main a[href*="shop.ledger.com"],
    main a[href*="affil.trezor.io"],
    main a[href*="koinly.io"],
    main a[href*="cointracking.info"]{
        max-width:100%;
    }
}