/*
Theme Name:   Manuseado (Kadence Child)
Theme URI:    https://www.manuseado.pt
Description:  Tema filho do Kadence com a identidade visual do Manuseado, Alfarrabista Online. Tipografia Cormorant Garamond, Jost e DM Mono alojadas localmente; paleta vermelho, creme, tinta e dourado.
Author:       Manuseado
Author URI:   https://www.manuseado.pt
Template:     kadence
Version:      1.0.0
Requires PHP: 7.4
Text Domain:  manuseado-kadence-child
*/

/* =====================================================
   1. VARIÁVEIS DA MARCA
   ===================================================== */
:root {
  --mn-vermelho: #8B2E1A;
  --mn-vermelho-escuro: #6E2414;
  --mn-creme: #F7F2E8;
  --mn-tinta: #1A1714;
  --mn-dourado: #C4A052;
  --mn-cinza: #6B655C;

  /* Sobreposição da paleta global do Kadence */
  --global-palette1: #8B2E1A; /* destaque */
  --global-palette2: #6E2414; /* destaque hover */
  --global-palette3: #1A1714; /* texto forte */
  --global-palette4: #2E2A25; /* texto */
  --global-palette5: #6B655C; /* texto suave */
}

/* =====================================================
   2. TIPOGRAFIA
   Cormorant Garamond: títulos | Jost: corrente | DM Mono: detalhes
   ===================================================== */
body {
  font-family: "Jost", "Segoe UI", sans-serif !important;
  color: var(--mn-tinta);
}

h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title,
.product_title,
.wp-block-heading {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 600;
  color: var(--mn-tinta);
  letter-spacing: 0.01em;
}

.price,
.woocommerce-Price-amount,
.cart-contents .count,
code, kbd {
  font-family: "DM Mono", monospace !important;
}

/* =====================================================
   3. LIGAÇÕES E BOTÕES
   ===================================================== */
a { color: var(--mn-vermelho); }
a:hover { color: var(--mn-vermelho-escuro); }

button,
.button,
.wp-block-button__link,
input[type="submit"],
.single_add_to_cart_button,
.woocommerce ul.products li.product .button,
.kb-button {
  background-color: var(--mn-vermelho) !important;
  color: var(--mn-creme) !important;
  border-radius: 2px;
  font-family: "Jost", sans-serif !important;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.85em;
  transition: background-color 0.2s ease;
}

button:hover,
.button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
.single_add_to_cart_button:hover,
.woocommerce ul.products li.product .button:hover {
  background-color: var(--mn-vermelho-escuro) !important;
  color: var(--mn-creme) !important;
}

/* =====================================================
   4. ORNAMENTO DOURADO (filete sob títulos de secção)
   ===================================================== */
.entry-content h2::after,
.mn-filete::after,
.woocommerce-products-header__title::after {
  content: "";
  display: block;
  width: 56px;
  height: 2px;
  background: var(--mn-dourado);
  margin-top: 0.35em;
}

/* Centrar o filete quando o título estiver centrado */
.has-text-align-center.wp-block-heading::after {
  margin-left: auto;
  margin-right: auto;
}

/* =====================================================
   5. CATÁLOGO: miniaturas com fundo creme e capa contida
   Resolve o corte forçado das capas a 2:3
   ===================================================== */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail {
  background-color: var(--mn-creme);
  object-fit: contain;
  aspect-ratio: 2 / 3;
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid rgba(196, 160, 82, 0.25);
}

/* Cartão de produto */
.woocommerce ul.products li.product {
  text-align: left;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 1.15em;
  font-weight: 600;
  color: var(--mn-tinta);
  min-height: 2.6em;
}

.woocommerce ul.products li.product .price {
  color: var(--mn-vermelho);
  font-size: 1.05em;
}

/* Excertos truncados a 3 linhas na listagem (tarefa 8 do relatório) */
.woocommerce ul.products li.product .woocommerce-product-details__short-description,
.woocommerce ul.products li.product .product-excerpt,
.woocommerce ul.products li.product .entry-summary p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* =====================================================
   6. FICHA DE PRODUTO
   ===================================================== */
.single-product div.product .product_title {
  font-size: 2em;
}

.single-product div.product p.price {
  color: var(--mn-vermelho);
  font-size: 1.5em;
}

/* Nota de envio injectada pelo functions.php */
.mn-nota-envio {
  font-family: "Jost", sans-serif;
  font-size: 0.9em;
  color: var(--mn-cinza);
  background: var(--mn-creme);
  border-left: 3px solid var(--mn-dourado);
  padding: 0.6em 0.9em;
  margin-top: 1em;
}

.mn-nota-envio a {
  color: var(--mn-vermelho);
  text-decoration: underline;
}

/* =====================================================
   7. CABEÇALHO E RODAPÉ
   ===================================================== */
.site-header .site-branding .site-title {
  color: var(--mn-vermelho);
}

.site-header .site-branding .site-description {
  font-family: "DM Mono", monospace !important;
  font-size: 0.7em;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--mn-dourado);
}

.site-footer {
  background-color: var(--mn-tinta);
  color: var(--mn-creme);
}

.site-footer a { color: var(--mn-dourado); }
.site-footer a:hover { color: var(--mn-creme); }

/* =====================================================
   8. AVISOS DO WOOCOMMERCE na paleta da casa
   ===================================================== */
.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--mn-dourado);
}

.woocommerce-message::before,
.woocommerce-info::before {
  color: var(--mn-dourado);
}

/* =====================================================
   9. BANNER DE COOKIES (selectores genéricos dos plugins
   mais comuns; afinar conforme o plugin em uso)
   ===================================================== */
#cmplz-cookiebanner-container .cmplz-cookiebanner,
.cky-consent-bar,
.cookie-notice-container,
.cmplz-cookiebanner {
  background-color: var(--mn-creme) !important;
  color: var(--mn-tinta) !important;
  font-family: "Jost", sans-serif !important;
  border-top: 2px solid var(--mn-dourado) !important;
}