/* style.css */
.btn-primary{
  --bs-btn-bg: #054546;
  --bs-btn-hover-bg: #032626;
  --bs-btn-active-bg: #032626;
}
/* Style the scrollbar itself (width, color) */
::-webkit-scrollbar {
  width: 10px;  /* Scrollbar width */
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #FEBA6A;  /* Scrollbar handle color */
  border-radius: 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Custom button style */
.btn-uniform {
  width: 100%;
  border: none;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
}

/* Custom link style */
a.no-underline {
  text-decoration: none;
}

/* Common style for containers and panels */
.common-style {
  border: 0px solid #044448;
  border-radius: 8px;  
  background-color: rgba(4, 68, 72, 0.1);
}

.common-style-slider {
  border: 0px solid #044448;
  border-radius: 8px;  
  background-color: rgba(4, 68, 72, 0.1);
}


/* Specific style for highlighted text */
.highlight-text {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.pyronear-card {
  background-color: #FFEBD6;
  border-radius: 8px;
  border: 0px solid;
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
}

.alert-card {
  margin-bottom: 12px;
  padding: 8px;
  width: 100%;
}

#alert-information-styling-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid rgba(4, 68, 72, 0.1);
  background-color: white;
}

.alert-information-title {
  font-weight: bold;
}

.navbar-button{
  color: white;
  border: 1px solid white;

}

.navbar-button:hover{
  color: white;
  border: 1px solid white;
  background-color: #03383c;
}

.navbar {
    margin-bottom: 2rem;
}

.special-navbar {
    margin-bottom: 0;
}

.clipboard-icon:hover {
  transform: scale(1.2);
  transition: transform 0.1s ease-in-out;
}