/* Cyclone Hosting V5 - Premium Header Final Patch */

.v5-header{
    padding:0 18px !important;
}

.v5-topbar{
    padding:11px 0 !important;
    font-size:13px !important;
}

.v5-nav{
    height:auto !important;
    min-height:88px !important;
    padding:0 26px !important;
    gap:16px !important;
    border-radius:28px !important;
    overflow:visible !important;
}

.v5-brand{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    font-size:24px !important;
    font-weight:950 !important;
    letter-spacing:-.45px !important;
    white-space:nowrap !important;
    flex:0 0 auto !important;
    min-width:max-content !important;
}

.v5-brand span{
    font-size:24px !important;
    font-weight:950 !important;
    line-height:1 !important;
    color:#ffffff !important;
    text-shadow:0 0 12px rgba(19,223,255,.35) !important;
}

.v5-brand-mark{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    max-width:50px !important;
    min-height:50px !important;
    max-height:50px !important;
    flex:0 0 50px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    border-radius:18px !important;
    padding:0 !important;
    background:linear-gradient(135deg,#061a3c,#0a4bff) !important;
    box-shadow:
        0 0 24px rgba(19,223,255,.58),
        0 0 42px rgba(35,109,255,.28),
        inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.v5-brand-mark img{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    max-width:50px !important;
    min-height:50px !important;
    max-height:50px !important;
    display:block !important;
    object-fit:cover !important;
    border-radius:18px !important;
    position:relative !important;
    inset:auto !important;
    transform:none !important;
}

.v5-brand:hover .v5-brand-mark{
    transform:scale(1.05) rotate(-3deg) !important;
    box-shadow:
        0 0 32px rgba(19,223,255,.78),
        0 0 58px rgba(35,109,255,.42),
        inset 0 1px 0 rgba(255,255,255,.22) !important;
    transition:all .28s ease !important;
}

.v5-links{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:1 1 auto !important;
    gap:5px !important;
    min-width:0 !important;
}

.v5-links a{
    font-size:14px !important;
    font-weight:850 !important;
    padding:11px 9px !important;
}

.v5-actions{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin-left:auto !important;
    flex:0 0 auto !important;
    white-space:nowrap !important;
}

.v5-login,
.v5-start{
    min-height:46px !important;
    padding:0 20px !important;
    font-size:15px !important;
    border-radius:999px !important;
}

/* Hide duplicate Client Login nav item if it ever slips through as the last link before actions */
.v5-links a[href*="clientarea.php"]{
    display:none !important;
}

/* Laptop / medium width protection */
@media(max-width:1180px){
    .v5-nav{
        padding:0 18px !important;
        gap:10px !important;
    }

    .v5-brand{
        gap:10px !important;
    }

    .v5-brand span{
        font-size:20px !important;
    }

    .v5-brand-mark,
    .v5-brand-mark img{
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
        max-width:44px !important;
        min-height:44px !important;
        max-height:44px !important;
        flex-basis:44px !important;
        border-radius:16px !important;
    }

    .v5-links a{
        font-size:13px !important;
        padding:9px 7px !important;
    }

    .v5-login,
    .v5-start{
        min-height:42px !important;
        padding:0 15px !important;
        font-size:13px !important;
    }
}

/* Mobile menu still works */
@media(max-width:800px){
    .v5-nav{
        min-height:72px !important;
        padding:0 16px !important;
    }

    .v5-brand span{
        font-size:20px !important;
    }

    .v5-brand-mark,
    .v5-brand-mark img{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        max-width:42px !important;
        min-height:42px !important;
        max-height:42px !important;
        flex-basis:42px !important;
        border-radius:15px !important;
    }

    .v5-links,
    .v5-actions{
        display:none !important;
    }

    .v5-nav.open .v5-links,
    .v5-nav.open .v5-actions{
        display:flex !important;
    }
}