/* Static runtime additions; original layout styles are preserved in assets/content. */
html { scroll-behavior: smooth; }
.elementor-invisible { visibility: visible !important; }
.e-n-accordion-item > summary { cursor: pointer; list-style: none; }
.e-n-accordion-item > summary::-webkit-details-marker { display: none; }
details[open] > summary .e-closed, details:not([open]) > summary .e-opened { display: none; }
details[open] > summary .e-opened, details:not([open]) > summary .e-closed { display: inline-flex; }
.elementor-menu-toggle { cursor: pointer; }
#clr-login-form[hidden] { display: none; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid #188acb; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }
@media (max-width: 1024px) {
  nav.elementor-nav-menu--dropdown.elementor-active {
    position: fixed !important;
    inset: var(--static-menu-top, 72px) 0 auto 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    max-height: calc(100dvh - var(--static-menu-top, 72px));
    overflow-y: auto;
    z-index: 10000;
    background: white;
    box-shadow: 0 10px 24px #0002;
  }
  nav.elementor-nav-menu--dropdown.elementor-active .elementor-item { white-space: nowrap; }
}

/* Static presentation: no automatic movement, parallax or hover animation. */
html { scroll-behavior: auto !important; }
*, *::before, *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}
.animated-image, .animated-image-rl, .animated-image-lr,
.elementor-motion-effects-element, .slider,
.static-carousel .swiper-wrapper, .static-carousel .swiper-slide {
  transform: none !important;
}
/* Show one complete set of social logos instead of a moving, clipped track. */
.slider-container { overflow: visible !important; }
.slider {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  gap: 24px 32px !important;
}
.slider__slide {
  flex: 0 1 auto !important;
  padding: 0 !important;
  max-width: 180px !important;
}
.slider__slide img { max-width: 180px !important; height: 35px !important; object-fit: contain !important; }
.slider::after { display: none !important; }
/* Present all carousel content as ordinary content, without pagination. */
.static-carousel { height: auto !important; overflow: visible !important; }
.static-carousel .swiper-wrapper { display: grid !important; width: 100% !important; height: auto !important; gap: 20px; }
.static-carousel .swiper-slide { width: 100% !important; height: auto !important; margin: 0 !important; opacity: 1 !important; }
.static-carousel .swiper-slide-duplicate,
.static-carousel ~ .swiper-pagination,
.elementor-swiper-button, .swiper-button-next, .swiper-button-prev { display: none !important; }
/* The illustrated platform cards and government cards no longer need masks. */
.move-social .elementor-widget-container { height: auto !important; overflow: visible !important; }
.move-social .elementor-widget-container::before,
.move-social .elementor-widget-container::after { display: none !important; }
.mySwiper .swiper-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.card-slide img {
  display: block;
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}
@media (max-width: 767px) {
  .slider { gap: 22px 24px !important; }
  .slider__slide, .slider__slide img { max-width: 130px !important; }
  .slider__slide img { height: 28px !important; }
}
