@import "../vendor/bootstrap/dist/css/bootstrap.min.css";
/* Konfiguracja fontu Aeonik */
@font-face {
  font-family: 'Aeonik';
  src: url('https://framerusercontent.com/modules/assets/ETxp2Sq5IAamocmvwrqiSrJVHic~2qDCNBkzrm5uP0beVQgLYFlPXCCr5McTMbwp1U3WnkI.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonik';
  src: url('https://framerusercontent.com/modules/assets/xICerKoA864TZmGyRAqUHyWeD0Y~jq3-EWCL1jaFxn-TM860iBIQaFYbgTRJUCSn88NH4Ak.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: 'Aeonik', sans-serif;
  background-color: #ffffff;
  /* Zmiana na białe tło */
  color: #111827;
  /* Tailwind gray-900 zamiast białego tekstu */
  overflow-x: hidden;
  width: 100vw;
  max-width: 100%;
}
/* Sekcja FAQ - Animacje CSS */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}
.faq-answer.open {
  max-height: 2000px;
  padding-bottom: 1.25rem;
}
.chevron-icon {
  transition: transform 0.3s ease;
}
.chevron-icon.rotate {
  transform: rotate(180deg);
}
/* Stylowanie przycisków akordeonu (FAQ/Case Study) */
.faq-button {
  transition: background-color 0.3s ease, padding-left 0.3s ease, padding-right 0.3s ease;
  border-radius: 8px;
}
.faq-button:hover {
  background-color: rgba(0, 0, 0, 0.03);
  /* Ciemniejsze podświetlenie na jasnym tle */
  padding-left: 10px;
  padding-right: 10px;
}
.faq-button span {
  transition: transform 0.3s ease, color 0.3s ease;
  display: inline-block;
}
.faq-button:hover span {
  transform: scale(1.02);
  transform-origin: left center;
}
/* Stan aktywny (otwarty) */
.faq-item.active .faq-button span {
  color: #FF5C00;
}
/* Menu Mobilne Animacja */
#mobile-menu {
  transition: transform 0.3s ease-in-out;
  transform: translateX(100%);
}
#mobile-menu.open {
  transform: translateX(0);
}
.step-component ul {
  list-style: disc;
}