/* === LOGO HEADER === */
.logo a{
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #d4af37;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 2px;
}

.logo-img{
  height: 45px;
  width: auto;
  object-fit: contain;
  filter: drop-shadow(0 0 5px rgba(212,175,55,0.3));
}

.logo a:hover{
  color: #fff;
}

.logo a:hover .logo-img{
  filter: drop-shadow(0 0 8px rgba(212,175,55,0.6));
  transform: scale(1.05);
  transition: .3s ease;
}

/* === RESPONSIVE HP === */
@media(max-width:768px){
  .logo-img{
    height: 35px;
  }
  .logo a{
    font-size: 1.2rem;
    gap: 8px;
  }
}