/* Shop (templates/archive-product.html, [rr_shop]). Uses the homepage's tall
   product cards (homepage.css) and the cart's pickup strip (cart.css styles
   are repeated here so the strip looks the same). */
.rr-page--shop { padding-top: var(--wp--preset--spacing--40); padding-bottom: var(--wp--preset--spacing--60); }
.rr-page--shop .rr-pickup-strip { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin: 0 0 var(--wp--preset--spacing--40); padding: 12px 18px; border-radius: var(--radius-md); background: var(--wheat); color: var(--espresso); font: 500 15px/1.4 var(--font-archivo); }
.rr-page--shop .rr-pickup-strip__label { color: var(--terracotta); font: 800 12px/1.3 var(--font-archivo-narrow); letter-spacing: 0.14em; text-transform: uppercase; }
.rr-page--shop .rr-pickup-strip__note { color: var(--espresso-text); }

.rr-shop { display: grid; gap: var(--wp--preset--spacing--50); }
.rr-shop .rr-shop__title { margin: 0 0 4px; font-size: clamp(28px, 3vw, 36px); line-height: 1.05; letter-spacing: -0.02em; }
.rr-shop .rr-shop__desc { margin: 0 0 18px; color: var(--espresso-text); }
.rr-shop .rr-menu__grid.is-tall { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rr-shop__empty { padding: var(--wp--preset--spacing--50) 0; text-align: center; color: var(--espresso-text); }

/* Low stock badge (shared card markup) */
.rr-menu-card__badge.is-low { background: var(--cream); color: var(--espresso); }

/* Banner intro line */
.rr-page-banner .rr-page-banner__intro { max-width: 560px; margin: 12px 0 0; color: var(--cream); font-size: var(--wp--preset--font-size--body-lg); line-height: 1.55; opacity: 0.92; }

@media (max-width: 900px) { .rr-shop .rr-menu__grid.is-tall { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .rr-shop .rr-menu__grid.is-tall { grid-template-columns: 1fr; } }

/* ---------- Sister brand section (Timberroot) ----------
   Always last, in a Wheat panel. The logo is the theme's single-color SVG
   (assets/images/brands/timberroot-logo.svg), filled with Espresso. */
.rr-shop__section--brand { padding: clamp(22px, 3vw, 36px); border-radius: var(--radius-xl); background: var(--wheat); }
.rr-shop .rr-shop__eyebrow { margin: 0 0 10px; color: var(--terracotta); }
.rr-shop .rr-shop__brand-logo {
  width: min(260px, 70%);
  aspect-ratio: 389.5 / 58.7;
  margin: 0 0 12px;
  background: var(--espresso);
  -webkit-mask: url("../images/brands/timberroot-logo.svg") left center / contain no-repeat;
          mask: url("../images/brands/timberroot-logo.svg") left center / contain no-repeat;
}
.rr-shop__section--brand .rr-shop__desc { max-width: 560px; }
.rr-shop__section--brand .rr-menu-card { position: relative; }
.is-brand-timberroot .rr-menu-card::before {
  content: "Timberroot";
  position: absolute;
  top: 10px;
  right: 10px; /* top left is for stock badges */
  z-index: 2;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--cream);
  color: var(--espresso);
  font: 800 10px/1 var(--font-archivo-narrow);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}