@charset "UTF-8";

/* ===== Local-only fixes =====
   Only hide remote elements and fix local display issues.
   Do NOT override the original site's borders, shadows, or card styles.
*/

/* Hide remote header/footer/login elements that don't exist locally */
body::before,
body::after,
#footer-webpages,
.cola-header,
.member,
.login,
.loginbox,
.header-login,
.topbar,
.goTop,
.share-box {
  display: none !important;
}

/* Remove top margin that the original site adds for its header bar */
body,
.container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.container > header h1 {
  display: none !important;
}

/* Sticky nav for local version */
.block-menu {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000;
}

/* Scroll padding to match sticky nav height */
html {
  scroll-padding-top: 92px;
}

/* Fix background-attachment for smoother scrolling on local */
.bg3,
.bg4,
.bg5,
.bg6,
.bg2 {
  background-attachment: scroll !important;
}

/* Ensure images don't exceed container */
img {
  max-width: 100%;
  height: auto;
}

/* Loading placeholder for images */
img[data-local-loaded="false"] {
  min-height: 180px;
  background: linear-gradient(135deg, #edf6ff, #fff7e0);
}

/* Carousel/slider minimum height to prevent layout shift */
.owl-carousel,
.slick-slider {
  min-height: 120px;
}

/* Transition for local-rotating class (used by JS) */
.local-rotating {
  opacity: 1;
  transition: opacity 0.38s ease, transform 0.38s ease, filter 0.38s ease;
  will-change: opacity, transform;
}

.local-rotating.is-swapping {
  opacity: 0.28;
  filter: saturate(0.9);
  transform: scale(1.012);
}

@media (max-width: 768px) {
  html {
    scroll-padding-top: 72px;
  }
}

/* Fix white margin above poster */
.top_content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Hide pushy mobile menu as it displays unstyled */
.pushy, .menu-btn, .site-overlay { display: none !important; }

/* Back to top button */
#back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background-color: #1592b0;
  color: white;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  font-size: 24px;
  cursor: pointer;
  z-index: 9999;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  display: none;
  transition: background-color 0.3s;
}
#back-to-top:hover {
  background-color: #117892;
}