.bg-custom-red {
  background-color: #7C0F16 !important;
}

.text-custom-red {
  color: #7C0F16 !important;
}

.btn-custom-red {
  background-color: #7C0F16 !important;
  color: #fff !important;
  border: 1px solid #7C0F16 !important;
  transition: all 0.3s ease-in-out;
}
.btn-custom-red:hover {
  background-color: #600B11 !important;
  border-color: #600B11 !important;
  color: #fff !important;
}

.btn-outline-custom-red {
  background-color: transparent !important;
  color: #7C0F16 !important;
  border: 1px solid #7C0F16 !important;
  transition: all 0.3s ease-in-out;
}
.btn-outline-custom-red:hover {
  background-color: #7C0F16 !important;
  color: #fff !important;
}

.nav-custom {
  color: #7C0F16 !important;
  transition: color 0.3s ease-in-out;
}
.nav-custom:hover {
  color: #000 !important;
}

.btn-login {
  background-color: #7C0F16 !important;
  color: #fff !important;
  border-radius: 25px !important;
  border: none !important;
  transition: background-color 0.3s ease-in-out;
}
.btn-login:hover {
  background-color: #5a0a0f !important;
}

.btn-register {
  background-color: #fff8e7 !important;
  color: #7C0F16 !important;
  border-radius: 25px !important;
  border: 1px solid #7C0F16 !important;
  transition: all 0.3s ease-in-out;
}
.btn-register:hover {
  background-color: #7C0F16 !important;
  color: #fff !important;
}

.btn-outline-maroon {
    border: 1px solid #7b0f28;
    color: #7b0f28;
    font-weight: 600;
    transition: 0.3s;
}

.btn-outline-maroon:hover {
    background: #7b0f28;
    color: white;
}

.btn-profile {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: rgba(255, 248, 231, 0.85) !important;
  color: #7C0F16 !important;
  border: 1px solid #7C0F16 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.btn-profile:hover {
  background-color: #7C0F16 !important;
  color: #fff !important;
  transform: scale(1.05);
}

.dropdown-menu {
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  animation: fadeIn 0.25s ease-in-out;
}
.dropdown-item {
  font-weight: 500;
  transition: background-color 0.3s, color 0.3s;
}
.dropdown-item:hover {
  background-color: rgba(124, 15, 22, 0.1) !important;
  color: #7C0F16 !important;
}
.dropdown-divider {
  margin: 0.25rem 0;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

.icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(255,255,255,0.4);
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: transform 0.3s ease-in-out, background-color 0.3s;
}
.icon-circle:hover {
  transform: scale(1.1);
  background-color: rgba(255,255,255,0.6);
}
.icon-circle i {
  color: #7C0F16;
}