/* This file is reserved for overriding and extending the template styles. */

.fixed-background {
  background-image: url("../images/background/background.jpg");
}

.logo-default {
  width: 165px;
  min-height: 57px;
}

.timer-normal {
  color: var(--bs-purple);
}

.timer-warning {
  color: #f0ad4e;
}

.timer-danger {
  color: #dc3545;
  animation: pulse 1s infinite;
}

.sticky-bottom-content {
  position: sticky;
  bottom: 0;
  z-index: 9;
}

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/* Sidebar — degradê em tons de laranja acolhedor (plataforma infantil) */
html[data-color=light-purple] {
  --gradient-1: #E8521A;
  --gradient-2: #F07834;
  --gradient-3: #F5A552;
  --gradient-1-lighter: #F5A552;
  --gradient-1-darker: #D94518;
  --primary: #E8521A;
  --primary-darker: #F07834;
}

/* Sidebar scroll: faz o menu de links rolar sem mover o bloco do usuário */
#layout-menu {
  flex: 1;
  min-height: 0;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

#layout-menu .user-container {
  flex-shrink: 0;
}

#layout-menu .menu-container {
  min-height: 0 !important;
  overflow-y: auto !important;
}