/* styles.css */
footer {
    background-color: #f1f1f1;
    padding: 20px;
    text-align: center;
    border-top: 1px solid #ccc;
}

footer div {
    margin-bottom: 10px;
}

body {
    font-family: 'Poppins', sans-serif;
    background-color: #f4f4f9;
    top: 0px !important;
}
.navbar {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

/* Esconde o container da barra do Google Translate */
#google_translate_element {
    display: none !important;
}

/* Esconde a barra do Google Translate dentro de iframes */
.skiptranslate iframe{
    display: none !important;
}


#languageDropdown {
    position: relative;
    cursor: pointer;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Estilo para o botão de dropdown (icone de idiomas) */
#languageDropdown .nav-link {
    padding: 8px 15px;
    background-color: #f5f5f5;
    color: #333;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Efeito de hover (passar o mouse) */
#languageDropdown:hover .nav-link {
    background-color: #816846; /* Castanho */
    color: white; /* Texto branco */
    transform: scale(1.05);
}

/* Estilo para o menu dropdown */
.dropdown-menu {
    border-radius: 8px;
    background-color: #ffffff;
    padding: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Estilo para os itens do menu dropdown */
.dropdown-item {
    padding: 8px 15px;
    font-size: 14px;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 5px;
}

/* Efeito de hover nos itens do menu */
.dropdown-item:hover {
    background-color: #816846; /* Castanho */
    color: white; /* Texto branco */
}

/* Ajuste no espaçamento do item */
.dropdown-item:focus, .dropdown-item:active {
    outline: none;
    box-shadow: none;
}


.message-alert {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    padding: 10px;
    font-size: 14px;
    text-align: center;
    z-index: 1050; /* Garante que os alertas fiquem acima de outros elementos */
    margin-bottom: 10px; /* Espaço entre os alertas */
    opacity: 1; /* Inicialmente visível */
    transition: opacity 0.5s ease-in-out; /* Suaviza o desaparecimento */
}

/* Ajusta a posição do próximo alerta */
.message-alert:not(:first-child) {
    top: calc(10% + 60px * (var(--index, 1) - 1)); /* Empilha os alertas verticalmente */
}