/*
 * NEXIS HEADER CLEAN V1
 * Estrutura inspirada no layout compacto solicitado.
 */

/* Remove a faixa promocional superior. */
.nx-topbar {
    display: none !important;
}

/* ==============================
   DESKTOP
   ============================== */

.gsm-header {
    height: 74px !important;
    min-height: 74px !important;
    padding: 0 !important;
    background: var(--bs-primary) !important;
}

.gsm-theme-header {
    width: 100% !important;
    max-width: 1240px !important;
    height: 74px !important;
    min-height: 74px !important;

    margin: 0 auto !important;
    padding: 0 18px !important;

    display: flex !important;
    align-items: center !important;
}

/* Logo grande e limpa */
.nav-logo {
    width: 210px !important;
    min-width: 210px !important;
    flex: 0 0 210px !important;

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

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

.nav-logo .logo {
    display: block !important;

    width: 210px !important;
    height: auto !important;

    max-width: 210px !important;
    max-height: 48px !important;

    object-fit: contain !important;
}

/* Menu ocupa o centro */
.nav-container {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* Controles da direita não esmagam a logo */
.nav-auth,
.currency-btn,
.nexis-language-btn {
    flex-shrink: 0 !important;
}

/* Hambúrguer sempre limpo */
.navbar-toggler {
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

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

@media (max-width: 991.98px) {

    .gsm-header {
        height: 76px !important;
        min-height: 76px !important;
        padding: 0 !important;
    }

    .gsm-theme-header {
        width: 100% !important;
        max-width: none !important;

        height: 76px !important;
        min-height: 76px !important;

        padding: 0 18px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    /*
     * Menu horizontal continua escondido.
     * O offcanvas original permanece funcionando.
     */
    .nav-container {
        display: none !important;
    }

    .nav-logo {
        width: auto !important;
        min-width: 0 !important;
        max-width: calc(100vw - 95px) !important;

        flex: 0 1 auto !important;

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

    .nav-logo .logo {
        width: 220px !important;
        height: auto !important;

        max-width: calc(100vw - 105px) !important;
        max-height: 50px !important;
    }

    .navbar-toggler {
        width: 48px !important;
        height: 48px !important;

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

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

        font-size: 36px !important;
        line-height: 1 !important;
    }

    .navbar-toggler .bi-list {
        font-size: 36px !important;
        line-height: 1 !important;
    }
}

/* iPhones menores */
@media (max-width: 380px) {

    .gsm-theme-header {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .nav-logo .logo {
        width: 205px !important;
    }
}

@media (max-width: 340px) {

    .nav-logo .logo {
        width: 180px !important;
    }
}

/* =========================================================
   NEXISUNLOCK WORDMARK CLEAN V1
   Header somente texto
   ========================================================= */

.nav-logo .logo {
    display: none !important;
}

.nav-logo::before {
    content: "NEXISUNLOCK";

    display: block;

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif;

    font-size: 27px;
    font-weight: 700;
    line-height: 1;

    letter-spacing: -0.8px;

    color: #ffffff;

    white-space: nowrap;

    text-decoration: none;

    text-shadow:
        0 1px 1px rgba(0,0,0,.08);
}

/* Desktop */
@media (min-width: 992px) {

    .nav-logo {
        width: 220px !important;
        min-width: 220px !important;
        flex-basis: 220px !important;
    }

    .nav-logo::before {
        font-size: 27px;
    }
}

/* Tablet / Mobile */
@media (max-width: 991.98px) {

    .nav-logo {
        width: auto !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
    }

    .nav-logo::before {
        font-size: 28px;
        letter-spacing: -0.9px;
    }
}

/* iPhone menor */
@media (max-width: 380px) {

    .nav-logo::before {
        font-size: 25px;
    }
}


/* =========================================================
   NEXIS WORDMARK V3
   Texto clean estilo referência: NEXIS Unlock
   ========================================================= */

.nav-logo {
    gap: 6px !important;
}

.nav-logo .logo {
    display: none !important;
}

.nav-logo::before,
.nav-logo::after {
    display: inline-block !important;
    font-family:
        Inter,
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif !important;

    line-height: 1 !important;
    white-space: nowrap !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.08) !important;
}

.nav-logo::before {
    content: "NEXIS" !important;

    color: #ffffff !important;

    font-size: 30px !important;
    font-weight: 800 !important;

    letter-spacing: -0.7px !important;
}

.nav-logo::after {
    content: "Unlock" !important;

    color: #19a7f2 !important;

    font-size: 30px !important;
    font-weight: 700 !important;

    letter-spacing: -0.8px !important;
}

/* Desktop */
@media (min-width: 992px) {

    .nav-logo {
        width: 245px !important;
        min-width: 245px !important;
        flex-basis: 245px !important;

        margin-right: 38px !important;
    }
}

/* Mobile */
@media (max-width: 991.98px) {

    .nav-logo {
        width: auto !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;

        margin-right: 0 !important;
    }

    .nav-logo::before,
    .nav-logo::after {
        font-size: 29px !important;
    }
}

/* iPhones menores */
@media (max-width: 380px) {

    .nav-logo::before,
    .nav-logo::after {
        font-size: 26px !important;
    }
}


/* =========================================================
   MOBILE OFFCANVAS BRAND V4
   Padroniza menu lateral com o wordmark do header
   ========================================================= */

#menuOffcanvas .offcanvas-header img[alt="logo"] {
    display: none !important;
}

#menuOffcanvas .offcanvas-header {
    min-height: 70px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

#menuOffcanvas .offcanvas-header::after {
    content: "NEXIS Unlock";

    display: block;

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif;

    font-size: 23px;
    font-weight: 800;
    line-height: 1;

    letter-spacing: -0.6px;

    color: #ffffff;

    white-space: nowrap;
}

/* deixa Unlock azul sem precisar alterar o HTML:
   usamos gradiente no texto completo */
@supports (-webkit-background-clip: text) {

    #menuOffcanvas .offcanvas-header::after {
        background:
            linear-gradient(
                90deg,
                #ffffff 0%,
                #ffffff 50%,
                #19a7f2 50%,
                #19a7f2 100%
            );

        -webkit-background-clip: text;
        background-clip: text;

        -webkit-text-fill-color: transparent;
    }
}

#menuOffcanvas .offcanvas-header > [data-bs-dismiss="offcanvas"] {
    margin-right: 10px !important;
}