/**
 * public_html/assets/css/components/cfg-summary.css
 *
 * O resumo do preço do configurador do site (`.cfg-summary`): a viatura, o
 * preço detalhado, os opcionais por categoria, a base tributável, o IVA, o
 * PVPR, os descontos, o preço final e o IUC, em linhas de fatura com as
 * réguas a separar as secções. A proposta digital (offers.autocavado.pt)
 * mostra o resumo dela com estas mesmas classes, e por isso a folha é uma só:
 * mudar aqui é mudar nos dois.
 *
 * As cores são as do configurador (`--cfg-*`); fora dele valem os mesmos
 * números, escritos como valor por omissão.
 */
.cfg-summary { display: flex; flex-direction: column; font-size: 13px; }
.cfg-sum-head { font-size: 15px; font-weight: 600; margin-bottom: 8px; }
.cfg-sum-line { display: flex; justify-content: space-between; gap: 16px; padding: 3px 0; color: var(--cfg-ink-2, #56585c); font-weight: 400; }
.cfg-sum-line span:last-child { color: var(--cfg-ink, #16171a);  white-space: nowrap; }
/* O título de cada secção («Preço detalhado», «Opcionais», «Descontos»): só o rótulo e a régua forte */
.cfg-sum-title { text-transform: uppercase; font-size: 11px; font-weight: 700; letter-spacing: .08em; color: var(--cfg-ink, #16171a); padding-bottom: 5px; margin: 12px 0 5px; border-bottom: 1.5px solid var(--cfg-ink, #16171a); }
.cfg-sum-disc span:last-child { color: #2e7d46; }
/* A régua fina, depois do preço base e depois do último imposto */
.cfg-sum-rule { border-top: 1px solid var(--cfg-line, #e2e2e3); margin: 5px 0; }
/* Os opcionais: um bloco por categoria, com todos os artigos dela. Cada artigo
   leva o título com o preço alinhado, a descrição e a referência. */
.cfg-sum-art-cat { margin-bottom: 8px; }
.cfg-sum-art-cat:last-of-type { margin-bottom: 0; }
.cfg-sum-art-cat-title { font-size: 10px; letter-spacing: .07em; text-transform: uppercase; color: var(--cfg-muted, #6e7176); font-weight: 600; padding-bottom: 3px; border-bottom: 1px solid var(--cfg-line, #e2e2e3); }
.cfg-sum-art { padding: 8px 0; border-bottom: 1px solid var(--cfg-line, #e2e2e3); }
.cfg-sum-art-cat .cfg-sum-art:last-child { border-bottom: 0; }
.cfg-sum-art-top { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.cfg-sum-art-title { font-size: 13px; font-weight: 600; color: var(--cfg-ink, #16171a); }
.cfg-sum-art-price { font-size: 13px; font-weight: 600; color: var(--cfg-ink, #16171a);  white-space: nowrap; }
.cfg-sum-art-description { font-size: 12px; color: var(--cfg-ink-2, #56585c); margin-top: 2px; line-height: 1.4; font-weight: 300; }
.cfg-sum-art-ref { font-size: 11px; color: var(--cfg-muted, #6e7176); margin-top: 2px; letter-spacing: .02em; }
/* Um artigo com imagem (os acessórios): a miniatura na primeira coluna, e o
   título, o preço, a descrição e a referência ao lado dela. */
.cfg-sum-art.has-fig { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; align-items: start; }
.cfg-sum-art-fig { display: block; width: 64px; aspect-ratio: 4 / 3; overflow: hidden; background: var(--cfg-stage, #f0f0f0); }
.cfg-sum-art-fig img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cfg-sum-art-body { min-width: 0; }
/* Total Base Tributável: sem fundo, a negrito e com a régua fina */
.cfg-sum-band-grey { font-weight: 600; padding: 6px 0; margin-top: 5px; border-top: 1px solid var(--cfg-line, #e2e2e3); }
.cfg-sum-band-grey span:last-child { color: var(--cfg-ink, #16171a); }
.cfg-sum-iuc { color: var(--cfg-ink-2, #56585c); }
/* PVPR: o total principal, sem fundo, a negrito e com a régua forte */
.cfg-sum-band-black { padding: 7px 0 5px; margin-top: 2px; border-top: 1.5px solid var(--cfg-ink, #16171a); }
.cfg-sum-band-black span { color: var(--cfg-ink, #16171a); font-weight: 700; }
.cfg-sum-band-black span:first-child { font-size: 14px; }
.cfg-sum-band-black span:last-child { font-size: 18px;  }
/* O preço final, depois dos descontos: a linha mais destacada do resumo */
.cfg-sum-band-final span:last-child { font-size: 20px; }
/* Total + IUC */
.cfg-sum-total { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 3px 0; }
.cfg-sum-total-iuc { margin-top: 4px; padding-top: 7px; border-top: 1px solid var(--cfg-line, #e2e2e3); }
.cfg-sum-total-iuc span:first-child { font-size: 13px; color: var(--cfg-ink-2, #56585c); font-weight: 600; }
.cfg-sum-total-iuc span:last-child { font-size: 16px; font-weight: 700;  }