/* Mobile-specific styles */
@media screen and (max-width: 478px) {
  /* Reset the layout for mobile */
  .collection-list-2 .w-dyn-items {
    display: block !important;
  }
  
  /* Center all the elements within items */
  .upcoming-issues {
    text-align: center !important;
    margin-bottom: 15px !important;
    border-bottom: 1px solid #eee !important;
    cursor: pointer;
  }
  
  /* Make the layout stacked vertically */
  .quick-stack-border-bottom {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  
  /* Centers text and adds proper padding */
  .upcoming-issues .w-layout-cell {
    text-align: center !important;
    padding: 10px 0 !important;
  }
  
  /* Set exact image dimensions to 200x75 on mobile */
  .upcoming-issues img.cover {
    margin: 10px auto !important;
    width: 200px !important;
    height: 75px !important;
    object-fit: cover !important;
  }
  
  /* Center the headings */
  .upcoming-issues .snuggly-h3 {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
  }
  
  /* Center date */
  .upcoming-issues .issue-date {
    text-align: center !important;
    width: 100% !important;
  }
  
  /* Hide author name in mobile view as shown in screenshot */
  .upcoming-issues .author {
    display: none !important;
  }
  
  /* Remove bottom border from individual items */
  .upcoming-issues .w-layout-cell {
    border-bottom: none !important;
  }
}
@media screen and (max-width: 767px) and (min-width: 479px) {
  /* Adjustments for medium mobile screens */
  .upcoming-issues .quick-stack-border-bottom {
    grid-template-columns: 1fr !important;
  }
}

/* Target Mobile (S) breakpoint at 478px and below */
@media screen and (max-width: 478px) {
  /* Tighter spacing for smallest screens */
  .upcoming-issues .w-layout-cell {
    padding: 5px 0 !important;
  }
}

/* Ensure form fields stay in a row */
#Sign-Up-Form .quick-stack-6 {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  grid-column-gap: 10px !important;
  grid-row-gap: 0 !important;
}

#Sign-Up-Form .quick-stack-6 .w-layout-cell {
  display: block !important;
}

/* Hide form error messages by default to prevent flashing */
#Sign-Up-Form .w-form-fail,
#Sign-Up-Form .w-form-fail-api {
  display: none !important;
}

/* Only show error messages when explicitly set to block */
#Sign-Up-Form .w-form-fail.show-error,
#Sign-Up-Form .w-form-fail-api.show-error {
  display: block !important;
}
/* Cursor pointer for clickable cards */
.upcoming-issues {
  cursor: pointer !important;
}

.upcoming-issues a {
  cursor: pointer !important;
}

.upcoming-issues .w-inline-block {
  cursor: pointer !important;
}

.quick-stack-border-bottom {
  cursor: pointer !important;
}