/* KARTAP CMS 2.8.4 — event year icon + fully rounded adaptive floating actions */

/* Home compact events: keep the year visually attached to the time without crowding the row. */
.event-year {
  letter-spacing: .035em;
  font-variant-numeric: tabular-nums;
}

/* Floating actions: exact circles and deterministic two-position choreography.
   At the top of the page WhatsApp occupies the bottom slot. Once the user scrolls,
   WhatsApp glides upward and the scroll-to-top action fades into the freed slot. */
.floating-stack {
  display: block !important;
  width: 66px !important;
  height: 142px !important;
  pointer-events: none !important;
}
.floating-button {
  position: absolute !important;
  right: 0 !important;
  bottom: 0;
  width: 66px !important;
  height: 66px !important;
  min-width: 66px !important;
  min-height: 66px !important;
  flex: none !important;
  border-radius: 9999px !important;
  pointer-events: auto;
}
.floating-button.floating-action--collapsed {
  height: 66px !important;
  min-height: 66px !important;
  flex-basis: 66px !important;
  margin-top: 0 !important;
  overflow: visible !important;
}
.floating-button--whatsapp {
  bottom: 0;
  transition: bottom .52s cubic-bezier(.22,1,.36,1), transform .32s ease, box-shadow .25s ease, filter .25s ease !important;
}
.floating-button--whatsapp.floating-order-whatsapp {
  bottom: 76px;
}
.floating-button--top {
  bottom: 0;
  transition: opacity .34s ease, transform .46s cubic-bezier(.22,1,.36,1), box-shadow .25s ease !important;
}
.floating-button--top.floating-action--hidden {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(18px) scale(.78) !important;
}
.floating-button--top.floating-action--visible {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}
.whatsapp-pulse::before {
  border-radius: 9999px !important;
}

/* The year now has its own calendar cue, matching location/time metadata. */
.event-year svg {
  flex: 0 0 auto;
}

/* User-selected WhatsApp artwork. Transparent PNG/WebP works best. */
.floating-whatsapp-custom-icon {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  pointer-events: none;
}

@media (max-width: 640px) {
  .floating-stack {
    width: 62px !important;
    height: 134px !important;
  }
  .floating-button,
  .floating-button.floating-action--collapsed {
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    flex-basis: 62px !important;
    border-radius: 9999px !important;
  }
  .floating-button--whatsapp.floating-order-whatsapp {
    bottom: 72px;
  }
  .whatsapp-pulse::before {
    border-radius: 9999px !important;
  }
  .floating-whatsapp-custom-icon {
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
  }
}