/* ── Algrow Market — additions on top of skills_market.css ──────────────── */

/* hero keeps the original Silkscreen pixel headline (matches /skills). */

/* let the detail left column shrink instead of overflowing the grid track */
.detail-main { min-width: 0; }

/* product icons are text tier labels ("200", "1K"), not emoji */
.card-skill .card-icon {
  font-family: var(--mono); font-size: 10px; font-weight: 700; letter-spacing: -.02em;
  color: var(--fg);
}
.detail-icon {
  font-family: var(--mono) !important; font-size: 19px !important; font-weight: 700;
  letter-spacing: -.02em;
}
.lb-icon { font-family: var(--mono); font-size: 10px !important; font-weight: 700; }

/* price on cards */
.price-tag { font-family: var(--mono); font-size: 13px; font-weight: 700; color: var(--fg); }
.price-tag s { color: var(--faint-fg); font-weight: 400; margin-right: 6px; }

/* member discount messaging */
.member-pill {
  font-family: var(--mono); font-size: 12px; color: var(--green);
  border: 1px solid color-mix(in srgb, var(--green) 35%, transparent);
  background: color-mix(in srgb, var(--green) 8%, transparent);
  padding: 5px 12px; white-space: nowrap;
}
.member-banner {
  display: inline-block; margin: 26px auto 0;
  font-family: var(--mono); font-size: 12.5px; color: var(--green);
  border: 1px solid color-mix(in srgb, var(--green) 35%, transparent);
  background: color-mix(in srgb, var(--green) 7%, transparent);
  padding: 8px 16px;
}
.member-banner.dim-banner { color: var(--muted-fg); border-color: var(--border); background: var(--bg-raise); }
.member-banner a { text-decoration: underline; text-underline-offset: 3px; color: var(--fg); }
.member-banner b { color: var(--fg); }
.member-banner.dim-banner b { color: var(--green); }

/* stock tags */
.tag-box.stock-ok { color: var(--green); border-color: color-mix(in srgb, var(--green) 35%, transparent); }
.tag-box.stock-out { color: #e5534b; border-color: color-mix(in srgb, #e5534b 40%, transparent); }

/* buy panel */
.buy-panel .buy-price { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.buy-panel .buy-price .now { font-family: var(--mono); font-size: 30px; font-weight: 700; letter-spacing: -.02em; }
.buy-panel .buy-price .orig { font-family: var(--mono); font-size: 17px; color: var(--faint-fg); text-decoration: line-through; }
.save-tag {
  font-family: var(--mono); font-size: 10px; font-weight: 700; letter-spacing: .07em;
  text-transform: uppercase; color: var(--green);
  border: 1px solid color-mix(in srgb, var(--green) 35%, transparent); padding: 2.5px 8px;
}
.member-hint {
  font-size: 12.5px; color: var(--muted-fg); border: 1px dashed var(--border);
  padding: 10px 12px; margin-bottom: 14px; line-height: 1.5;
}
.member-hint a { text-decoration: underline; text-underline-offset: 3px; color: var(--fg); }
.member-hint b { color: var(--green); }
.qty-label {
  display: block; font-family: var(--mono); font-size: 11px; font-weight: 700;
  letter-spacing: .09em; text-transform: uppercase; color: var(--muted-fg); margin-bottom: 7px;
}
.qty-select {
  width: 100%; margin-bottom: 12px;
  background: var(--bg-raise); border: 1px solid var(--border); color: var(--fg);
  font-family: var(--mono); font-size: 13px; padding: 9px 10px; outline: none;
}
.qty-select:focus { border-color: var(--border-strong); }
/* restock / notify-me box on sold-out products */
.restock-box { text-align: left; }
.restock-head {
  font-family: var(--mono); font-size: 15px; font-weight: 700; color: var(--fg); margin-bottom: 6px;
}
.restock-sub { color: var(--muted-fg); font-size: 13px; margin-bottom: 14px; }
.restock-form { display: flex; flex-direction: column; gap: 10px; }
.restock-form input {
  width: 100%; background: var(--bg-raise); border: 1px solid var(--border); color: var(--fg);
  font-family: var(--mono); font-size: 13px; padding: 10px 12px; outline: none;
}
.restock-form input:focus { border-color: var(--border-strong); }
.restock-form .btn { justify-content: center; }
.restock-ok {
  font-family: var(--mono); font-size: 13px; color: var(--green);
  border: 1px solid color-mix(in srgb, var(--green) 35%, transparent);
  background: color-mix(in srgb, var(--green) 8%, transparent); padding: 10px 12px;
}
.restock-err {
  font-family: var(--mono); font-size: 13px; color: #e5534b;
  border: 1px solid color-mix(in srgb, #e5534b 40%, transparent); padding: 10px 12px;
}

.daily-hint {
  font-family: var(--mono); font-size: 12px; color: var(--muted-fg);
  border: 1px dashed var(--border); padding: 8px 11px; margin-bottom: 12px;
}
.daily-hint b { color: var(--fg); }
.daily-hint a { text-decoration: underline; text-underline-offset: 3px; color: var(--fg); }

.buy-subtotal {
  font-family: var(--mono); font-size: 13px; color: var(--muted-fg);
  margin-bottom: 12px;
}
.buy-subtotal b { color: var(--fg); font-size: 15px; }
.buy-btn { width: 100%; justify-content: center; padding: 12px 14px; font-size: 14px; }
.buy-btn:disabled { opacity: .5; cursor: not-allowed; }
.buy-fine { font-family: var(--mono); font-size: 11px; color: var(--faint-fg); margin-top: 12px; text-align: center; }
.buy-fine a { text-decoration: underline; text-underline-offset: 3px; }

/* specs + order summary */
.spec-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.spec-table td { padding: 7px 0; border-bottom: 1px solid var(--border); }
.spec-table tr:last-child td { border-bottom: 0; }
.spec-table td:first-child { color: var(--muted-fg); font-family: var(--mono); font-size: 12px; }
.spec-table td:last-child { text-align: right; font-weight: 600; }

.delivery-note { font-size: 14px; color: var(--fg); }
.delivery-note.faint { color: var(--muted-fg); font-size: 12.5px; margin-top: 8px; }

.error-panel { border-color: color-mix(in srgb, #e5534b 45%, transparent); color: #e5534b; font-family: var(--mono); font-size: 13px; }

/* admin orders */
.order-admin.needs-fulfillment { border-color: color-mix(in srgb, var(--green) 40%, transparent); }
.order-admin-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 14px; }
.order-admin-head .price-tag { margin-left: auto; }
.order-admin-meta { font-family: var(--mono); font-size: 12px; color: var(--muted-fg); margin-top: 8px; }
.mono-dim { color: var(--faint-fg); }
.fulfill-form { margin-top: 14px; display: flex; flex-direction: column; gap: 10px; }
.fulfill-form textarea {
  width: 100%; background: var(--bg-raise); border: 1px solid var(--border); color: var(--fg);
  font-family: var(--mono); font-size: 12.5px; padding: 12px; outline: none; resize: vertical;
}
.fulfill-form textarea:focus { border-color: var(--border-strong); }
.fulfill-form .btn { align-self: flex-start; }
.fulfilled-note { margin-top: 12px; }
.fulfilled-note summary { font-family: var(--mono); font-size: 12px; color: var(--muted-fg); cursor: pointer; }
.fulfilled-note pre {
  margin-top: 10px; background: var(--bg-raise); border: 1px solid var(--border);
  font-family: var(--mono); font-size: 12px; padding: 12px; white-space: pre-wrap; word-break: break-word;
}