/* Cartões dos produtos normais (só orçamento) — pedido do Nelson, 04/10/2026. Os usados (botão .btn-usado) ficam de fora.
   O texto (marca, «Personalizável», nome sem código) muda no servidor (extension/euromoveis/catalog/controller/cartoes.php);
   aqui fica só o que é de aspecto. Nenhum ficheiro do tema foi mexido. */

/* «Pedir orçamento» sempre visível (o tema só o mostrava ao passar o rato, e no telemóvel não se via), discreto, por baixo
   do nome, com um só ícone (o envelope do botão; sai o carrinho que o tema põe em todos os .btn-cart). */
/* o tema puxa o grupo do botão para cima (margem negativa) — com ele à vista tapava o nome; volta para debaixo do nome */
html body .product-layout:has(.btn-quote) .buttons-wrapper { display: block !important; position: static !important; margin: 8px 0 0 !important; transform: none !important; inset: auto !important; }
html body .product-layout:has(.btn-quote) .button-group { background: transparent !important; justify-content: flex-start !important; box-shadow: none !important; padding: 0 !important; }
.product-layout:has(.btn-quote) .button-group,
.product-layout:has(.btn-quote) .cart-group,
.product-layout:has(.btn-quote) .btn-quote { opacity: 1 !important; visibility: visible !important; transform: none !important; }
.product-layout .btn-quote:before { display: none !important; content: none !important; }
html body .product-layout .product-thumb .buttons-wrapper .button-group .cart-group a.btn.btn-cart.btn-quote.btn-quote {
  display: inline-flex !important; align-items: center; gap: 6px; min-height: 36px; padding: 6px 14px !important;
  background: transparent !important; border: 1px solid #cfc8b8 !important; border-radius: 6px !important;
  color: #2c5f4e !important; font-size: 14px !important; font-weight: 600 !important; box-shadow: none !important; width: auto !important;
}
html body .product-layout .product-thumb .buttons-wrapper .button-group .cart-group a.btn.btn-cart.btn-quote.btn-quote:hover, html body .product-layout .product-thumb .buttons-wrapper .button-group .cart-group a.btn.btn-cart.btn-quote.btn-quote:focus-visible { border-color: #2c5f4e !important; background: #f2f7f0 !important; }
.product-layout .btn-quote .fa { font-size: 14px; }
/* a marca sai do cartão (o servidor já a tira; isto é só a rede, se o HTML do tema mudar) */
.product-layout:has(.btn-quote) .stats .stat-1 { display: none !important; }
/* etiquetas do tema SEM texto (os quadradinhos azuis no canto da foto), em todo o site */
.product-label:has(> strong:empty) { display: none !important; }
html body .product-layout .product-thumb .buttons-wrapper .button-group .cart-group a.btn.btn-cart.btn-quote.btn-quote .btn-text, html body .product-layout .product-thumb .buttons-wrapper .button-group .cart-group a.btn.btn-cart.btn-quote.btn-quote .fa { color: inherit !important; }
@media (max-width: 767px) { html body .product-layout .product-thumb .buttons-wrapper .button-group .cart-group a.btn.btn-cart.btn-quote.btn-quote { min-height: 40px; font-size: 13px !important; padding: 6px 10px !important; } }

/* ── Espaços (Nelson, 04/10): o botão de uma fila não pode parecer do cartão de baixo. Entre filas, claramente mais do que
   entre o nome e o botão: ~40 px no computador, ~28 px no telemóvel; nome → botão ~10 px. ── */
/* grelhas das categorias/pesquisa (.main-products — também têm a classe auto-grid) e grelhas de várias filas; NÃO os carrosséis de uma
   fila (auto-grid fora de .main-products), que têm filas invisíveis e ganhavam 80 px de vazio */
html body .main-products.product-grid, html body .product-grid:not(.auto-grid) { row-gap: 40px !important; }
/* dois módulos de produtos seguidos (ex.: «O Nosso Mobiliário» e o carrossel aleatório logo por baixo, sem título): o 2.º
   desce 40 px — e as setas dele (34 px acima da sua fila) passam a ficar nesse espaço, já não em cima dos botões de cima */
/* (as setas de um carrossel ficam 48 px acima das suas fotos: com menos de ~56 px de espaço, a do módulo de baixo tocava no botão
   do 5.º cartão de cima — por isso aqui o espaço é ~57 px e não 40) */
html body .grid-item:has(> .module-products) + .grid-item:has(> .module-products) { margin-top: 52px !important; }
html body .product-layout:has(.btn-quote) .caption .name { margin-bottom: 0 !important; }
html body .product-layout:has(.btn-quote) .buttons-wrapper { margin-top: 10px !important; }
@media (max-width: 767px) {
  html body .main-products.product-grid, html body .product-grid:not(.auto-grid) { row-gap: 28px !important; }
  html body .grid-item:has(> .module-products) + .grid-item:has(> .module-products) { margin-top: 28px !important; }
  /* no telemóvel desliza-se com o dedo: as setas dos carrosséis saem (eram as que caíam em cima dos cartões) */
  html body .module-products .auto-carousel-buttons { display: none !important; }
}

/* ── Moldura leve em cada cartão — LIGADA na ronda 9 (o Nelson escolheu «com», capturas fase-B6). Contorno discreto da cor
   das linhas do tema + cantos arredondados; envolve foto, nome e botão. (Antes estava presa à classe em-cartoes-moldura.) ── */
html body .product-layout:has(.btn-quote) .product-thumb {
  border: 1px solid #e3ddcf; border-radius: 10px; overflow: hidden; background: #fff; padding-bottom: 12px; height: 100%;
}
html body .product-layout:has(.btn-quote) .caption { padding: 0 12px; }

/* ── Cartões pequenos (blocos laterais «Da Mesma Categoria», «Visto recentemente» no rodapé) — o nome novo pode ocupar até
   3 linhas (ronda 10, A1; na ronda 9 eram 2, e a 360 px alguns ficavam cortados). O tema escrevia-o numa só, com «…». ── */
html body .side-product .name a {
  white-space: normal !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical; overflow: hidden;   /* o tema impõe 2 com mais força: daí o !important */
}