/**
 * CSS Customizado para Logomarca
 *
 * Sobrescreve os estilos originais da Naturallis para suportar logos quadradas.
 * A logo original era retangular horizontal (360x82), mas agora suportamos
 * logos quadradas com altura mínima de 120px.
 */

/* =========================================
   LOGO NO HEADER (Desktop)
   ========================================= */

.logo img {
    width: auto !important;        /* Remove largura fixa */
    height: 80px !important;       /* Altura fixa de 80px no header normal */
    max-height: 80px !important;
}

/* Header quando fixo no topo (após scroll) */
.header .affix .logo img {
    width: auto !important;
    height: 60px !important;       /* Reduz para 60px quando fixo */
    max-height: 60px !important;
}

/* =========================================
   LOGO NO FOOTER
   ========================================= */

.footer .logo img {
    width: auto !important;
    height: 120px !important;      /* Altura maior no footer */
    max-width: none !important;    /* Remove limitação de largura */
    max-height: 120px !important;
}

/* =========================================
   LOGO EM POPUPS/MODAIS
   ========================================= */

.popup-news-custom .logo img,
.modal-box-novidades .logo img {
    width: auto !important;
    height: 100px !important;
    max-height: 100px !important;
}

/* =========================================
   RESPONSIVO: MOBILE
   ========================================= */

/* Tablets e dispositivos menores */
@media only screen and (max-width: 768px) {
    .logo img {
        height: 60px !important;
        max-height: 60px !important;
    }

    .header .affix .logo img {
        height: 50px !important;
        max-height: 50px !important;
    }

    .footer .logo img {
        height: 80px !important;
        max-height: 80px !important;
    }
}

/* Smartphones */
@media only screen and (max-width: 480px) {
    .logo img {
        height: 50px !important;
        max-height: 50px !important;
    }

    .header .affix .logo img {
        height: 40px !important;
        max-height: 40px !important;
    }

    .footer .logo img {
        height: 60px !important;
        max-height: 60px !important;
    }

    .popup-news-custom .logo img {
        height: 70px !important;
        max-height: 70px !important;
    }
}

/* =========================================
   GARANTIR CENTRALIZAÇÃO
   ========================================= */

.logo {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.logo a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo img {
    object-fit: contain; /* Mantém proporção sem distorcer */
}