/* Css custom que será usado em todas as telas */

/* Animação do Bee Loader */
.bee-loader {
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

.bee-loader div {
  animation: pulse 2s ease-in-out infinite;
}

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

/* Botão com gradiente laranja (amarelo para laranja) */
.btn-gradient {
  background: linear-gradient(135deg, #f9b505 0%, #ff6a00 100%);
  color: white;
  transition: all 0.3s ease;
}

.btn-gradient:hover {
  background: linear-gradient(135deg, #ff6a00 0%, #f9b505 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 106, 0, 0.3);
}

/* Gradiente laranja para textos e ícones */
.text-gradient {
  background: linear-gradient(135deg, #f9b505 0%, #ff6a00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Para ícones SVG, usar fill com gradiente via CSS */
.icon-gradient {
  fill: url(#gradient-orange);
}

/* Gradiente para backgrounds (bordas, círculos, etc) */
.bg-gradient {
  background: linear-gradient(135deg, #f9b505 0%, #ff6a00 100%);
}

/* Para focus ring nos inputs */
.focus-gradient:focus {
  outline: none;
  ring-color: #f9b505;
  border-color: transparent;
}

/* Submenu expansível */
.submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  display: none;
}

.submenu.hidden {
  display: none;
  max-height: 0;
}

.submenu.open {
  max-height: 500px !important;
  transition: max-height 0.3s ease-in;
  display: block !important;
}

#minhaEmpresaIcon.rotated {
  transform: rotate(180deg);
}

/* Loading Overlay Animation */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}