.countdowns {
  position: absolute;
  top: 265px;
  left: 899px;
}

.countdowns .countdown {
  margin-top: 10px;
  background: url(../images/red-light-top-bg.jpg) no-repeat center/cover;
  padding: 15px;
  border: 1px solid rgb(192, 126, 39);
}

.countdowns .countdown .title {
  text-align: center;
  margin-bottom: 5px;
  font-size: 1.2rem;
  color: #fff;
}

.countdowns .countdown .timer {
  display: flex;
  color: #fff;
}

.countdowns .countdown .timer div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 5px;
  margin-right: 5px;
}

.countdowns .countdown .timer div:last-child {
  margin-right: 0;
}

.countdowns .countdown .timer div span {
  font-size: 1.3rem;
}
.countdown span {
  display: block;
  background:  rgb(110, 71, 19);
  border: 1px solid rgb(192, 126, 39);
  border-radius: 6px;
  height: 60px;
  width: 60px;
  font-size: 32px;
  color: #fff;
  text-align: center;
  line-height: 60px;
  margin-bottom: 7px;
}
.countdown p {
  font-size: 12px;
  margin-bottom: 0px;
  font-weight: bold;
  color: #5a2823;
  text-transform: uppercase;
}


/* Container do Dropdown */
.navbar-notifications .dropdown-menu {
    background: linear-gradient(to bottom, #2a1c14, #1a100a); /* Gradiente seguindo o estilo do site */
    border: 1px solid #625c0d; /* Bordas douradas escuras do menu */
    width: 300px;
    box-shadow: 0em 0.5em 15px rgba(0, 0, 0, 0.8);
    border-radius: 0; /* Estilo mais reto conforme o site */
}

/* Cabeçalho das Notificações */
.notifications-header {
    background: #1a100a;
    padding: 12px 15px;
    border-bottom: 1px solid #412a0b;
}

.notifications-header-title {
    color: #ffde00; /* Dourado vibrante dos títulos de widgets */
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

/* Lista de Itens */
.notifications-list {
    max-height: 400px;
    overflow-y: auto;
}

.notifications-item {
    border-bottom: 1px dashed #62441b; /* Mesma borda da .top-list do site */
    transition: 0.3s;
}

.notifications-item:last-child {
    border-bottom: none;
}

.notifications-item-link {
    display: block;
    padding: 12px 15px;
    text-decoration: none !important;
    transition: 0.3s;
}

/* Efeito Hover nos itens (baseado na .top-list:hover) */
.notifications-item:hover {
    background: rgba(180, 168, 20, 0.1); /* Brilho dourado sutil */
}

.notifications-item-link:hover .notifications-item-title {
    color: #ffd562; /* Cor de hover dos links do menu */
}

/* Cores do Texto */
.notifications-item-title {
    color: #ffd562;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 4px;
}

.notifications-item-subtitle {
    color: #b4a814; /* Dourado mais escuro para subtítulos */
    font-size: 11px;
    line-height: 1.4;
}

/* Notificação Não Lida */
.notifications-item-link:not(.notifications-item-link-read) {
    background: rgba(136, 93, 15, 0.1);
    border-left: 3px solid #b4a814;
}

/* Rodapé */
.notifications-footer {
    padding: 10px;
    background: #1a100a;
    text-align: center;
    border-top: 1px solid #412a0b;
}

.notifications-footer-action {
    color: #ffde00 !important;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none !important;
}

.notifications-footer-action:hover {
    text-decoration: underline !important;
}

/* Ajuste no Botão do Sino (Header) */
.btn-header .material-symbols-outlined {
    color: #e9dd46; /* Dourado do menu principal */
}

.navbar-notifications .badge {
    background-color: #bf5252 !important; /* Vermelho padrão do seu CSS para links/alertas */
    font-size: 10px;
    border: 1px solid #230707;
}

/* Customização da Barra de Rolagem (Scrollbar) */
.notifications-list::-webkit-scrollbar {
    width: 6px;
}
.notifications-list::-webkit-scrollbar-track {
    background: #1a100a;
}
.notifications-list::-webkit-scrollbar-thumb {
    background: #625c0d;
}