/* ══════════════════════════════════════════
   Anauri — Custom Styles
   Theme: #f5f5f5 (surface) + #a7706b (primary)
   ══════════════════════════════════════════ */
/* ─── Custom Fonts ─── */
@font-face {
  font-family: 'Gishella Morely';
  src: url('assets/fonts/Gishella Morely.woff2') format('woff2'),
       url('assets/fonts/Gishella Morely.woff') format('woff'),
       url('assets/fonts/Gishella Morely.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gishella Morely';
  src: url('assets/fonts/Gishella Morely Italic.woff2') format('woff2'),
       url('assets/fonts/Gishella Morely Italic.woff') format('woff'),
       url('assets/fonts/Gishella Morely Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

/* ─── Smooth Scroll ─── */
html {
  scroll-behavior: smooth;
}

/* ─── Scrollbar Hide (for carousels) ─── */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* ─── Nav Link Styles ─── */
.nav-link {
  color: rgba(167, 112, 107, 0.7);
  transition: color 0.3s, border-color 0.3s;
  padding-bottom: 0.25rem;
  border-bottom: 2px solid transparent;
}
.nav-link:hover,
.nav-link.active {
  color: #a7706b;
  border-bottom-color: #a7706b;
}

/* ─── Fade-In-Up Animation ─── */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-up {
  animation: fadeInUp 0.8s ease-out forwards;
}

/* ─── Scroll Trigger (starts hidden) ─── */
.scroll-trigger {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.scroll-trigger.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ─── Star Rating (Review Modal) ─── */
.star-btn {
  cursor: pointer;
  transition: color 0.15s, font-variation-settings 0.15s;
  font-variation-settings: 'FILL' 0;
  color: rgba(167, 112, 107, 0.3);
}
.star-btn.filled {
  font-variation-settings: 'FILL' 1;
  color: #a7706b;
}

/* ─── Carousel Pause on Hover ─── */
#collection-carousel-wrapper:hover #collection-carousel,
#testimonial-carousel-wrapper:hover #testimonial-carousel {
  animation-play-state: paused !important;
}

/* ─── Selection ─── */
::selection {
  background-color: #a7706b;
  color: #f5f5f5;
}

/* ─── Focus Visible (Accessibility) ─── */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 2px solid #a7706b;
  outline-offset: 2px;
}

/* ─── Responsive fine-tuning ─── */
@media (max-width: 768px) {
  .hero-logo-img {
    max-height: 10rem;
  }
}