/* Custom overrides for header overflow and hero slider */

/* Header overflow fixes */
header, .header, #header-sticky, .tp-header-area, .tp-header-2-wrap, .tp-header-2-main {
  width: 100%;
  overflow-x: clip;
}

/* Prevent wide containers from exceeding viewport width */
header .container-1690,
.header .container-1690 {
  max-width: 100%;
}

/* Keep header right-side items tidy */
.tp-header-2-right {
  gap: 12px;
}

/* Hide large CTA/search on smaller breakpoints to avoid overflow */
@media (max-width: 991.98px) {
  .tp-header-btn,
  .tp-header-search {
    display: none !important;
  }
}

/* Ensure main menu doesn’t cause horizontal scroll below xl */
@media (max-width: 1199.98px) {
  .tp-main-menu {
    display: none !important;
  }
}

/* General safety: clip overflow from top bar and nav areas */
.tp-header-top, .tp-header-nav {
  overflow-x: clip;
}

/* Slider container safety against horizontal scroll */
.slider-container, .tp-hero-area {
  overflow: hidden;
}

/* Hero slider background cover and ken-burns compatibility */
.tp-hero-singles {
  position: relative;
  overflow: hidden;
}

.tp-hero-singles .tp-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform-origin: center center;
  will-change: transform;
}

/* Optional: if ken-burns is applied via class, keep scale within bounds */
.tp-hero-slider-zoom .tp-hero-bg {
  animation: tp-kenburns 18s ease-in-out infinite alternate;
}

@keyframes tp-kenburns {
  0%   { transform: scale(1.06); }
  100% { transform: scale(1.16); }
}