/* ============================================================
   MHDCommerce — Produto indisponível (sem estoque)
   Colar no FIM dos arquivos indicados (ou carregar este arquivo no _Layout).
   ============================================================ */

/* ── site.css: card ─────────────────────────────────────────── */
.product-card.indisponivel .product-img img,
.product-card.indisponivel .product-img > span { opacity: .45; filter: grayscale(.7); }
.product-card.indisponivel .price-new,
.product-card.indisponivel .price-old { color: #8a8a82; }
.badge-indisponivel {
    position: absolute; top: 10px; left: 10px; z-index: 2;
    background: #4a4a44; color: #fff;
    font-size: 11px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase;
    padding: 4px 9px; border-radius: 99px;
}
.product-card .add-btn:disabled {
    background: #efede7; color: #8a8a82; border-color: #e3e0d8;
    cursor: not-allowed; box-shadow: none;
}

/* ── add-carrinho.css: modal ────────────────────────────────── */
.cm-add-btn:disabled { background: #efede7; color: #8a8a82; cursor: not-allowed; box-shadow: none; }
.cm-qtd-btn:disabled { opacity: .4; cursor: not-allowed; }

/* ── produto.css: detalhe ───────────────────────────────────── */
.v-indisponivel {
    display: flex; align-items: center; gap: 12px;
    margin: 14px 0 4px; padding: 12px 14px;
    background: #f7f6f2; border: 1px solid #e3e0d8; border-radius: 14px;
}
.v-indisponivel[hidden] { display: none; }   /* o display:flex acima venceria o atributo hidden */
.v-indisponivel-ico { font-size: 22px; line-height: 1; }
.v-indisponivel-titulo { font-weight: 700; font-size: 15px; color: #171714; }
.v-indisponivel-desc { font-size: 13px; color: #4a4a44; }
.btn-adicionar:disabled { background: #efede7; color: #8a8a82; cursor: not-allowed; box-shadow: none; }
.qtd-btn:disabled { opacity: .4; cursor: not-allowed; }