/* =========================================================
   MOZGO SHOP — SOMENTE NO LOGÓTIPO PRINCIPAL
========================================================= */

/*
 * Não altera o display, tamanho ou alinhamento
 * original do link do logótipo.
 */
.mozgo-logo-shop-container {
    position: relative !important;
    overflow: visible !important;
}

/* Restaurar a apresentação normal da imagem */
.mozgo-logo-shop-container
.mozgo-main-logo-image {
    position: relative !important;
    z-index: 1 !important;

    display: block !important;

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

    transform: none !important;

    object-fit: contain !important;
}

/*
 * Apenas uma palavra Shop pequena,
 * no canto inferior direito do logótipo.
 */
.mozgo-logo-shop-container
.mozgo-logo-shop-label {
    position: absolute !important;

    right: -18px !important;
    bottom: 1px !important;

    z-index: 5 !important;

    display: inline-block !important;

    width: auto !important;
    height: auto !important;

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

    color: #16827f !important;

    font-family:
        "Segoe Script",
        "Brush Script MT",
        "URW Chancery L",
        cursive !important;

    font-size: 14px !important;
    font-style: italic !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    letter-spacing: 0 !important;

    white-space: nowrap !important;

    transform: rotate(-5deg) !important;
    transform-origin: center !important;

    text-decoration: none !important;
    text-shadow: none !important;

    pointer-events: none !important;
}

/* Sem linha decorativa */
.mozgo-logo-shop-label::before,
.mozgo-logo-shop-label::after {
    display: none !important;
    content: none !important;
}

/* Não permitir Shop em outros elementos do cabeçalho */
header
.mozgo-logo-shop-label:not(
    .mozgo-logo-shop-container
    > .mozgo-logo-shop-label
),
.header
.mozgo-logo-shop-label:not(
    .mozgo-logo-shop-container
    > .mozgo-logo-shop-label
) {
    display: none !important;
}

@media (max-width: 768px) {

    .mozgo-logo-shop-container
    .mozgo-logo-shop-label {
        right: -14px !important;
        bottom: 1px !important;

        font-size: 11px !important;
    }
}

/* MOZGO LOGO VERTICAL CENTER START */

/*
 * Centralizar verticalmente apenas
 * o logótipo principal MozGO + Shop.
 */
header .mozgo-logo-shop-container,
.header .mozgo-logo-shop-container,
.main-header .mozgo-logo-shop-container,
.navbar .mozgo-logo-shop-container {
    position: relative !important;

    display: inline-block !important;

    top: 6px !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    transform: none !important;
    vertical-align: middle !important;
}

/*
 * Garantir que a imagem não fica cortada.
 */
.mozgo-logo-shop-container
.mozgo-main-logo-image {
    position: relative !important;

    top: 0 !important;

    margin: 0 !important;

    transform: none !important;
    vertical-align: middle !important;
}

/*
 * Manter Shop no canto inferior direito,
 * acompanhando o logótipo.
 */
.mozgo-logo-shop-container
.mozgo-logo-shop-label {
    right: -18px !important;
    bottom: 0 !important;
}

/* Telemóvel */
@media (max-width: 768px) {

    header .mozgo-logo-shop-container,
    .header .mozgo-logo-shop-container,
    .main-header .mozgo-logo-shop-container,
    .navbar .mozgo-logo-shop-container {
        top: 3px !important;
    }

    .mozgo-logo-shop-container
    .mozgo-logo-shop-label {
        right: -13px !important;
        bottom: 0 !important;
    }
}

/* MOZGO LOGO VERTICAL CENTER END */

/* MOZGO MOBILE LOGO CENTER FINAL START */

@media (max-width: 768px) {

    /*
     * Centralizar verticalmente o conjunto
     * MozGO + Shop no cabeçalho móvel.
     */
    header .mozgo-logo-shop-container,
    .header .mozgo-logo-shop-container,
    .main-header .mozgo-logo-shop-container,
    .navbar .mozgo-logo-shop-container,
    .navbar-brand.mozgo-logo-shop-container {
        position: relative !important;

        top: 0 !important;

        display: inline-block !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        transform: translateY(6px) !important;
        vertical-align: middle !important;

        overflow: visible !important;
    }

    /*
     * Manter o logótipo totalmente visível.
     */
    .mozgo-logo-shop-container
    .mozgo-main-logo-image {
        position: relative !important;

        top: 0 !important;

        display: block !important;

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

        transform: none !important;

        vertical-align: middle !important;
    }

    /*
     * Reposicionar Shop para acompanhar
     * o logótipo no mobile.
     */
    .mozgo-logo-shop-container
    .mozgo-logo-shop-label {
        right: -13px !important;
        bottom: -1px !important;

        font-size: 11px !important;

        transform: rotate(-5deg) !important;
    }
}

/*
 * Telemóveis mais pequenos.
 */
@media (max-width: 420px) {

    header .mozgo-logo-shop-container,
    .header .mozgo-logo-shop-container,
    .main-header .mozgo-logo-shop-container,
    .navbar .mozgo-logo-shop-container,
    .navbar-brand.mozgo-logo-shop-container {
        transform: translateY(7px) !important;
    }

    .mozgo-logo-shop-container
    .mozgo-logo-shop-label {
        right: -11px !important;
        bottom: -1px !important;

        font-size: 10px !important;
    }
}

/* MOZGO MOBILE LOGO CENTER FINAL END */

/* MOZGO MOBILE LOGO FORCE FALLBACK START */

@media (max-width: 991px) {

    body .mozgo-logo-shop-container {
        position: relative !important;
        display: inline-block !important;

        top: auto !important;
        bottom: auto !important;

        transform: translateY(8px) !important;

        align-self: center !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding-bottom: 3px !important;

        overflow: visible !important;
    }

    body .mozgo-logo-shop-container
    .mozgo-main-logo-image {
        top: 0 !important;

        margin: 0 !important;

        transform: none !important;
    }

    body .mozgo-logo-shop-container
    .mozgo-logo-shop-label {
        right: -12px !important;
        bottom: -1px !important;

        font-size: 10px !important;
    }
}

/* MOZGO MOBILE LOGO FORCE FALLBACK END */