/* ✨ Animation effects */
.animate-fade-in { opacity: 0; transform: translateY(20px); transition: all .8s ease; }
.animate-visible.animate-fade-in { opacity: 1; transform: translateY(0); }

.animate-fade-in-delay { opacity: 0; transform: translateY(30px); transition: all 1s ease .2s; }
.animate-visible.animate-fade-in-delay { opacity: 1; transform: translateY(0); }

.animate-fade-in-up { opacity: 0; transform: translateY(40px); transition: all 1s ease .4s; }
.animate-visible.animate-fade-in-up { opacity: 1; transform: translateY(0); }

/* ✨ Modal animation */
#quickViewModal .animate-fade-in {
  animation: fadeInScale .4s ease;
}
@keyframes fadeInScale {
  from { opacity: 0; transform: scale(.9); }
  to { opacity: 1; transform: scale(1); }
}





/*------------------me--------------*/


.kg-gold { color: #D4AF37; }
body.dark-mode { background: #000; color: #fff; }
a:hover { color: #D4AF37; transition: 0.3s; }


/*------------------me--------------*/
.kg-gold { color: #D4AF37; }
body.dark-mode { background: #000; color: #fff; }
body.light-mode { background: #fff; color: #000; }

/* Default Dark Mode */
body.dark-mode {
  background-color: #000;
  color: #fff;
}

/* Light Mode */
body.light-mode {
  background-color: #fff;
  color: #111;
}

/* Gold Buttons & Text */
.btn-gold {
  border: 1px solid #d4af37;
  color: #d4af37;
  transition: 0.3s ease;
}
.btn-gold:hover {
  background-color: #d4af37;
  color: #000;
}

/* Header special for light mode */
body.light-mode header {
  background-color: #fff;
  color: #000;
  border-bottom: 1px solid #d4af37;
}
body.light-mode a {
  color: #000;
}
body.light-mode .kg-gold {
  color: #b8860b;
}
#searchResults a {
  border-bottom: 1px solid rgba(212,175,55,0.15);
}
#searchResults a:last-child {
  border-bottom: none;
}
#searchResults::-webkit-scrollbar {
  width: 6px;
}
#searchResults::-webkit-scrollbar-thumb {
  background: rgba(212,175,55,0.6);
  border-radius: 10px;
}