/* G Garage v0.5.2 — selo "Vendido": página do anúncio vendido, vitrine da home e "Vendi!" no link do anunciante.
   Carregado só onde aparece. Selos: app/Views/home/_selos.php (vermelho = pelo G Garage, cromado = outro canal). */

/* selo sobre a foto */
.selo-v{position:absolute;display:block;pointer-events:none;z-index:3;transform:rotate(-11deg);filter:drop-shadow(0 6px 14px rgba(0,0,0,.55))}
.selo-v.grande{width:min(58%,300px);aspect-ratio:1;height:auto;top:50%;left:50%;margin:0;translate:-50% -50%}
.selo-v.mini{width:62%;aspect-ratio:1;height:auto;top:50%;left:50%;translate:-50% -50%}
.gallery.vendida .photo img,.card.vend .photo img{filter:saturate(.35) brightness(.72)}
.gallery.vendida .photo svg.car,.card.vend .photo svg.car{filter:saturate(.35) brightness(.75)}

/* faixa com a data e o valor da venda */
.faixa-vend{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-top:12px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:10px;padding:10px 12px;font-size:12.5px}
.faixa-vend b{font-family:var(--display);font-style:italic;font-weight:800;font-size:18px;line-height:1;text-transform:uppercase;letter-spacing:.4px;color:#ff6a5f;white-space:nowrap}
.faixa-vend span{color:var(--muted)}
.faixa-vend.outro{border-left-color:#c8cbd0}
.faixa-vend.outro b{color:#e4e6ea}
.vend-preco{margin-top:12px}
.vend-preco .vend-por{display:block;font-family:var(--body);font-weight:500;font-size:11.5px;letter-spacing:.6px;text-transform:uppercase;margin:0 0 6px}

/* botões do vendido (barra de baixo no celular) */
.sticky.vend-sticky{flex-direction:column;gap:8px;align-items:stretch}
.sticky.vend-sticky .btn{padding:12px 14px;font-size:14px}
@media (max-width:899px){.has-sticky.vend-detail{padding-bottom:128px}}

/* vitrine "Vendidos no G Garage" */
.vitrine-vend{margin-top:26px;padding-top:6px;border-top:1px solid var(--line)}
.vitrine-vend .sect{margin-bottom:4px}
.vend-sub{margin:0 0 12px;font-size:12.5px;color:var(--muted)}
.vend-sub b{color:#fff;font-weight:600}
.card.vend .price{color:var(--muted)}
.card.vend .title{color:#b9b9c0}

/* link do anunciante: "Vendi!" */
.vendi{margin-top:10px}
.vendi > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px dashed var(--red-2);border-radius:14px;padding:14px 16px;font-weight:800;font-size:15px;color:#ff6a5f;background:transparent}
.vendi > summary::-webkit-details-marker{display:none}
.vendi[open] > summary{display:none}
.vendi-sheet{background:var(--surface);border:1px solid var(--line-2);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px}
.vendi-sheet h3{margin:0;font-family:var(--display);font-style:italic;font-weight:800;font-size:23px;line-height:1;text-transform:uppercase}
.vendi-sheet .q{font-weight:600;font-size:13.5px;margin:0}
.vendi-opt{display:flex;align-items:center;gap:10px;border:1px solid var(--line-2);border-radius:12px;padding:12px;font-size:14px;cursor:pointer}
.vendi-opt input{accent-color:var(--red);width:18px;height:18px;margin:0;flex:none}
.vendi-opt:has(input:checked){border-color:var(--red);background:rgba(216,32,42,.09)}
.vendi-aviso{font-size:12px;color:var(--muted);margin:0}
.vendi-cancel{background:none;border:0;color:var(--muted);font-size:13px;padding:4px;cursor:pointer;text-decoration:underline}

/* painel */
.vend-box{border:1px solid #6b1a20;background:linear-gradient(180deg,#22100f,#151517);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}
.vend-box .linha{font-size:13px;color:#d9d9de}
.vend-box form{margin:0}
.vend-box .row{gap:8px}
.vend-canal{display:flex;flex-direction:column;gap:6px}
.vend-canal label{display:flex;align-items:center;gap:8px;font-size:13px}