/* mod_fai_calendar — fullscreen white calendar modal */

.mod-fai-calendar {
  display: inline-flex;
  align-items: center;
}

.mod-fai-calendar__modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100%;
  height: 100dvh;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
  background-color: #fff;
  transform: translateY(-100%);
  visibility: hidden;
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0.4s ease;
}

.WBAusb {
  display: none !important;
  visibility: hidden !important;
}

.mod-fai-calendar__modal--open {
  transform: translateY(0);
  visibility: visible;
}

.mod-fai-calendar__header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  flex-shrink: 0;
  padding-block: var(--spacing-4, 1rem);
  padding-inline: var(--spacing-6, 1.5rem);
}

.mod-fai-calendar__title {
  display: none;
}

.mod-fai-calendar__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-2, 0.5rem);
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-secondary-400, #666);
  font-size: var(--text-xl, 1.25rem);
  line-height: 1;
  padding-block: var(--spacing-2, 0.5rem);
  transition: color 0.2s ease;
}

.mod-fai-calendar__close:hover,
.mod-fai-calendar__close:focus-visible {
  color: var(--color-secondary-500, #1a1a1a);
  outline: none;
}

.mod-fai-calendar__body {
  flex: 1 1 auto;
  min-height: 0;
  width: 85%;
  margin-inline: auto;
  overflow: hidden;
  background: #fff;
  align-content: center;
}

.mod-fai-calendar__iframe {
  display: block;
  width: 100%;
  height: 85%;
  min-height: 0;
  border: 0;
  background: #fff;
}

.mod-fai-calendar__footer {
  width: 100%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  padding-block: var(--spacing-4, 1rem);
  padding-inline: var(--spacing-6, 1.5rem);
}

body.mod-fai-calendar-open,
html.mod-fai-calendar-open {
  overflow: hidden;
  overscroll-behavior: none;
}

body.mod-fai-calendar-open {
  touch-action: none;
}

@media (max-width: 767px) {
  .mod-fai-calendar__header,
  .mod-fai-calendar__footer {
    padding-block: var(--spacing-3, 0.75rem);
    padding-inline: var(--spacing-4, 1rem);
  }
}