/*
 * Tablet Landscape - 1180px
 * Breakpoint: 1024px - 1439px
 * Gallery: Shows 7 images (hides images 8-9)
 */
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .background-container {
    background-image: url("../assets/1180px/bg.jpg");
    background-attachment: scroll;
    /* Prevent background zoom on iOS address bar show/hide */
    height: 100vh;
    min-height: 100vh;
  }

  /* Nudge logo higher to avoid bg image interference */
  .main-container {
    justify-content: flex-start;
    padding-top: 40vh;
  }

  /* Logo size for 360px */
  .site-name {
    width: 327px;
    height: 54px;
  }

  .menu-link-img {
    width: 72px;
    height: 17px;
  }

  .close-img {
    width: 84px;
    height: 17px;
  }

  .menu-logo-img {
    width: 101px;
    height: 17px;
  }

  .home-logo-img {
    width: 101px;
    height: 17px;
  }

  .menu-nav-link {
    font-size: 24px;
    line-height: 34px;
  }

  #about p,
  #contact p {
    font-size: 20px;
    line-height: 28px;
  }

  #about p {
    width: 100%;
    margin-bottom: 20px;
  }

  .sign-up {
    width: 106px;
    height: 31px;
  }

  #contact p {
    margin-bottom: 0px;
  }

  .nav-links {
    right: 36px;
  }

  .menu-close {
    right: 36px;
  }

  .menu-logo {
    left: 36px;
  }

  .home-logo {
    left: 36px;
  }

  /* Hide gallery images 8-9 for 1180px (only shows 7 images) */
  .gallery-section[data-gallery-image="8"],
  .gallery-section[data-gallery-image="9"] {
    display: none;
  }

  /* Gallery wrapper: override picture width for 36px horizontal gutters */
  .gallery-wrapper picture {
    width: calc(100% - 72px);
  }

  .gallery-wrapper {
    padding-top: 50px;
  }

  /* Adjust stack container height for hidden sections (9 total: 1 about + 7 gallery + 1 contact) */
  .stack-container {
    height: calc(9 * 100vh);
  }
}