/* Nature's Seed small overrides (plain CSS, loaded after the Vite build). 2026-11-09. */

/* ---------- Mobile header: search icon left of the cart, every icon tappable ---------- */
.header-icon--search { display: none; }

@media (max-width: 767.98px) {
  .site-header__top-inner { gap: 8px; }
  .site-header__actions { gap: 4px; }
  .header-icon--search { display: flex; }

  /* Scale the logo down on narrow phones so all five icons fit on screen. */
  .site-header__logo { flex-shrink: 1; min-width: 0; }
  .site-header__logo img { height: auto; width: min(164px, calc(100vw - 260px)); max-height: 32px; }

  /* Taller tap area for the zone badge (was 26 px tall). */
  .zone-badge-wrap { min-height: 40px; }

  /* The search opens as a full-width bar under the header. */
  .site-header__top { position: relative; }
  .site-header__top-inner, .site-header__actions { position: static; }
  .site-header.is-search-open .header-search {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    max-width: none;
    padding: 8px 16px 12px;
    background: #ffffff;
    border-bottom: 1px solid #e9ecef;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
    z-index: 60;
  }
  .site-header.is-search-open .header-search__input { font-size: 16px; }
  .site-header.is-search-open .header-icon--search { color: #2d6a4f; }
}

/* Very narrow phones (360 px and under): slightly smaller icon boxes. */
@media (max-width: 374.98px) {
  .site-header__actions .header-icon { width: 38px; height: 40px; }
  .site-header__logo img { width: min(164px, calc(100vw - 252px)); }
}

/* ---------- Checkout ---------- */
/* Owner: remove the grey Place order copy from the order summary. The real button stays in Payment. */
#sidebar-place-order-wrap { display: none !important; }

/* Address suggestions under the street address field */
.ns-addr-list {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 50;
  margin: 4px 0 0;
  padding: 4px 0;
  list-style: none;
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);
  font-size: 15px;
}
.ns-addr-list [role="option"] { padding: 10px 14px; cursor: pointer; line-height: 1.35; color: #212529; }
.ns-addr-list [role="option"] span { color: #6c757d; }
.ns-addr-list [role="option"].is-active,
.ns-addr-list [role="option"]:hover { background: #f1f7f3; }
.ns-addr-list .ns-addr-credit { padding: 4px 14px 6px; font-size: 11px; color: #6c757d; text-align: right; cursor: default; }