/* Mobile fix for horizontal white line issue */

/* Fix slider overflow on mobile */
@media screen and (max-width: 767px) {
  .feat-slider.w-slider {
    overflow: hidden;
    max-width: 100%;
  }
  
  .w-slider-mask {
    overflow: hidden;
    max-width: 100%;
  }
  
  .w-slide {
    max-width: 100%;
  }
  
  /* Ensure images in slider don't overflow */
  .feat-slider img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
  
  /* Simple navigation fix */
  .navbar {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .nav-wrapper {
    justify-content: space-between;
    align-items: center;
  }
  
  .nav-logo {
    max-width: 120px;
  }
  
  .link {
    font-size: 0.8rem;
  }
}

/* Fix 100vw issues - replace with 100% */
._404-wrapper {
  width: 100% !important;
  max-width: 100%;
}

.utility-page-wrap {
  width: 100% !important;
  max-width: 100%;
}

/* Basic overflow prevention */
@media screen and (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
  
  .page-wrapper {
    overflow-x: hidden;
  }
  
  /* Fix Webflow row negative margins on mobile */
  .w-row {
    margin-left: 0;
    margin-right: 0;
  }
  
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.section-404-hero .button-primary {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.section-404-hero .button-link-box {
  overflow: hidden;
  max-width: 100%;
}

.section-404-hero .text-block-3 {
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Mobile specific fixes for 404 button */
@media screen and (max-width: 767px) {
  .section-404-hero .button-primary {
    padding: 0.75rem 1rem;
    min-width: auto;
    max-width: 200px;
  }
  
  .section-404-hero .text-block-3 {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 479px) {
  .section-404-hero .button-primary {
    padding: 0.6rem 0.8rem;
    max-width: 160px;
  }
  
  .section-404-hero .text-block-3 {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 320px) {
  .section-404-hero .button-primary {
    padding: 0.5rem 0.6rem;
    max-width: 140px;
  }
  
  .section-404-hero .text-block-3 {
    font-size: 0.75rem;
  }
}