/* Initial states to prevent flash before JavaScript loads */
[animation="loading"],
[animation="loading-split"] {
  opacity: 0;
}

[animation="loading-stagger"] > * {
  opacity: 0;
}

.navbar--logo-link,
.navbar--menu,
.navbar--logo-right {
  transform: translateY(-100%);
  opacity: 0;
}

@media (max-width: 991px) {
  .navbar--menu {
    transform: translateY(100%);
  }
}

/* Quotes slider styles */
.quotes-slide {
  width: 100%;
  opacity: 0;
  display: none;
}

.quotes-slide:first-child {
  opacity: 1;
  display: block;
}

.quote--wrapper {
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.quote--wrapper:hover {
  opacity: 0.7;
}

.quote--wrapper.is-active {
  opacity: 1;
}

.author--text-wrapper {
  overflow: hidden;
  width: 0;
}

[animation="fade-split"] div {
  line-height: 1.2;
}

[animation="fade-split"] div:nth-child(n + 1) {
  margin-top: -0.1em;
}

.faq--response {
  height: 0;
  overflow: hidden;
}

/* Hamburger menu styles */
@media (max-width: 991px) {
  .navbar--menu {
    width: 5.375rem;
    height: 2.25rem;
    overflow: hidden;
  }

  [animate="navbar"] {
    opacity: 0;
  }

  .menu--trigger {
    cursor: pointer;
    position: relative;
  }

  .icon--close {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
}

/* Custom select dropdown styling */
.input-field.is--select {
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("https://cdn.prod.website-files.com/63809d7e9e351df175a568c2/6926fde2dad75abbedae784f_BM%20Rebranding%202025%20Frame.svg");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1rem;
  padding-right: 3rem;
}

/* Animation */
[data-bunny-background-init] :is(.bunny-bg__placeholder, .bunny-bg__loading) {
  transition: opacity 0.3s linear, visibility 0.3s linear;
}

/* Placeholder */
[data-bunny-background-init][data-player-status="playing"]
  .bunny-bg__placeholder,
[data-bunny-background-init][data-player-status="paused"]
  .bunny-bg__placeholder,
[data-bunny-background-init][data-player-activated="true"][data-player-status="ready"]
  .bunny-bg__placeholder {
  opacity: 0;
  visibility: hidden;
}

/* Play/Pause */
[data-bunny-background-init][data-player-status="playing"] .bunny-bg__play-svg,
[data-bunny-background-init][data-player-status="loading"] .bunny-bg__play-svg {
  display: none;
}

[data-bunny-background-init][data-player-status="playing"] .bunny-bg__pause-svg,
[data-bunny-background-init][data-player-status="loading"]
  .bunny-bg__pause-svg {
  display: block;
}

/* Loading */
[data-bunny-background-init][data-player-status="loading"] .bunny-bg__loading {
  opacity: 1;
  visibility: visible;
}