/* ============================================================
   ag-tecido-m2.css — Tecido / M² card
   Segue o mesmo padrão visual de g-card / lona / tapete.
   Cor de identidade: roxo (#8b5cf6) — diferente de todos
   os outros produtos já existentes.
   Criado em 18/06/2026.
============================================================ */

/* ── Card container ── */
.tecido-card {
  border-top: 3px solid rgba(139, 92, 246, .55);
}

/* ── Head ── */
.tecido-card .g-head-icon {
  font-size: 22px;
}

/* ── Preço/m² em destaque roxo ── */
.tecido-card .g-metric-value.accent {
  color: #8b5cf6;
}

/* ── Pills ── */
.tecido-card .g-pills .pill-btn.active {
  background: rgba(139, 92, 246, .15);
  border-color: rgba(139, 92, 246, .45);
  color: #7c3aed;
}

/* ── Chips ── */
.tecido-card .g-chip-value.accent {
  color: #8b5cf6;
  font-weight: 700;
}

/* ── Sidebar item — cor da bolinha do produto ── */
.product-btn[data-type="tecido"] .product-btn-dot {
  background: #8b5cf6;
}

/* ── Select de material desabilitado (acabamento fixo) ── */
.tecido-card select[disabled] {
  opacity: .55;
  cursor: not-allowed;
}