/* Static-site overrides after removing Squarespace runtime JS */

/* Entrance animations otherwise keep header/footer/content at opacity 0 until JS boots */
.tweak-global-animations-animation-type-slide footer,
.tweak-global-animations-animation-type-slide header,
.tweak-global-animations-animation-type-slide section > .content-wrapper,
.tweak-global-animations-animation-type-fade footer,
.tweak-global-animations-animation-type-fade header,
.tweak-global-animations-animation-type-fade section > .content-wrapper,
.tweak-global-animations-animation-type-clip footer,
.tweak-global-animations-animation-type-clip header,
.tweak-global-animations-animation-type-clip section > .content-wrapper,
.tweak-global-animations-animation-type-scale footer,
.tweak-global-animations-animation-type-scale header,
.tweak-global-animations-animation-type-scale section > .content-wrapper,
.tweak-global-animations-animation-type-flex footer,
.tweak-global-animations-animation-type-flex header,
.tweak-global-animations-animation-type-flex section > .content-wrapper {
  opacity: 1 !important;
  animation: none !important;
}

[data-animation-role],
.preFade,
.preSlide,
.preFlex,
.fadeIn,
.slideIn,
.flexIn {
  opacity: 1 !important;
  transform: none !important;
  clip-path: none !important;
  animation: none !important;
}

/* Mobile menu overlay: theme CSS leaves .header-menu at opacity:0; SQSP JS never flips it via CSS alone */
body.header--menu-open .header-menu {
  opacity: 1;
  visibility: visible;
}

body.header--menu-open {
  overflow: hidden;
}

/* Ensure classic image blocks paint even if loaders never mark them loaded */
.sqs-block-image img,
.sqs-image-content img,
img[data-src] {
  opacity: 1 !important;
  visibility: visible !important;
}

.sqs-block-image .sqs-image-shape-container-element,
.image-block-wrapper {
  min-height: 1px;
}

/* Announcement bar close control (SQSP used a background icon via JS styles) */
.sqs-announcement-bar-close {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  border: 0;
  background: transparent;
  color: var(--announcement-bar-text-color, #fff);
  opacity: 0.85;
}
.sqs-announcement-bar-close::before {
  content: "×";
  font-size: 1.5rem;
  line-height: 1;
  display: block;
  text-align: center;
}
.sqs-announcement-bar-text {
  position: relative;
}