/* Minimal base + font faces for Tailwind setup */
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: "Helvetica", sans-serif;
}

@font-face {
  font-family: "Helvetica";
  src: url("fonts/Helvetica.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url("fonts/Helvetica-Oblique.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url("fonts/Helvetica-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url("fonts/Helvetica-BoldOblique.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url("fonts/Helvetica-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url("fonts/Helvetica-LightOblique.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Burger menu animation */
#burgerBtn span {
  transition: all 0.3s ease;
}

#burgerBtn.open span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

#burgerBtn.open span:nth-child(2) {
  opacity: 0;
}

#burgerBtn.open span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

/* Mobile menu transition */
#mobileMenu {
  transition: transform 0.3s ease-in-out;
}

#menuOverlay {
  transition: opacity 0.3s ease-in-out;
}

/* Hide navigation arrows on small screens */
@media (max-width: 1023px) {
  .swiper-button-prev,
  .swiper-button-next {
    display: none !important;
  }
}