/* Header contact info styling */

#mobile-contact-inline {
  grid-area: contact;
}

#header-icons-wrapper {
  grid-area: icons;
}

/* Mobile grid: give contact info full-width row for maximum horizontal space */
@media (max-width: 1023px) {
  header#masthead {
    grid-template-areas:
      "logo logo user cart"
      "contact contact contact toggle"
      "search search search search";
    grid-template-columns: auto 1fr auto auto;
    margin-bottom: 0.75rem;
  }

  /* Make icons wrapper transparent so user/cart grid areas work */
  #header-icons-wrapper {
    display: contents;
  }

  #mobile-contact-inline {
    padding-left: 1rem;
    padding-right: 0.5rem;
    justify-content: flex-start;
  }

  #header-search {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

/* Desktop: keep original layout */
@media (min-width: 1024px) {
  #mobile-contact-inline {
    display: none;
  }
}