/* =========================================================
   Margherita Mantovani — Psicologa — Custom Styles
   ========================================================= */

/* Fade-in animation */
.fade-in {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

.fade-in.delay-1 { transition-delay: 0.12s; }
.fade-in.delay-2 { transition-delay: 0.24s; }
.fade-in.delay-3 { transition-delay: 0.36s; }

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

/* Nav shadow on scroll — progressive */
nav {
  transition: box-shadow 0.3s ease;
}

/* Form inputs — remove browser defaults */
input, textarea {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

input:focus, textarea:focus {
  border-color: #9A7055;
  box-shadow: 0 0 0 3px rgba(154, 112, 85, 0.10);
}

/* Service card subtle lift */
.hover\:border-primary\/30:hover {
  box-shadow: 0 4px 20px rgba(154, 112, 85, 0.10);
}

/* Hero accent block */
.hero-accent {
  position: absolute;
  top: -1rem;
  right: -1rem;
  width: 100%;
  height: 100%;
  background-color: #F4EAE0;
  z-index: -1;
}

/* Typography refinements */
h1, h2, h3 {
  font-feature-settings: "kern", "liga", "calt";
  -webkit-font-smoothing: antialiased;
}

/* Image quality */
img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Button reset */
button {
  cursor: pointer;
  border: none;
  background: none;
}

/* Mobile nav transition */
#mobile-menu {
  transition: all 0.25s ease;
}