/* Art Moto — Lista de desejos 1.0.0. Usa as variáveis do Art Moto Visual (--am-*) e, sem ele, as mesmas cores como padrão. */

.amd-ico{ display:block; flex:0 0 auto; }

/* o tema pinta todo <button>: nos nossos, quem manda é este arquivo */
body .amd-btn{ -webkit-appearance:none; appearance:none; margin:0; border:0; cursor:pointer; font-family:var(--am-corpo,inherit); text-transform:none; letter-spacing:0; -webkit-tap-highlight-color:transparent; }
body .amd-btn:focus-visible,.amd-acao:focus-visible,.amd-toast-acao:focus-visible{ outline:3px solid var(--am-vermelho,#d3101f); outline-offset:2px; }

/* ---------- Coração no card (canto de baixo da foto) ---------- */
body .amd-btn.amd-card{ position:absolute; z-index:3; right:8px; bottom:8px; display:grid; place-items:center; width:38px; height:38px; padding:0; border-radius:50%; background:#fff; color:#6b707a; box-shadow:0 2px 8px rgba(16,17,19,.16),0 0 0 1px rgba(16,17,19,.06); transition:transform .18s,color .18s,background .18s,box-shadow .18s; }
body .amd-btn.amd-card::after{ content:""; position:absolute; inset:-6px; } /* área de toque maior que o desenho */
body .amd-btn.amd-card:hover,body .amd-btn.amd-card:focus{ background:#fff; color:var(--am-vermelho,#d3101f); transform:scale(1.08); }
body .amd-btn.amd-card.is-ativo{ color:var(--am-vermelho,#d3101f); background:#fff; box-shadow:0 2px 8px rgba(211,16,31,.28),0 0 0 1.5px var(--am-vermelho,#d3101f); }
body .amd-btn.is-ativo .amd-ico path{ fill:currentColor; }
.amd-card .amd-ico{ width:20px; height:20px; }

/* ---------- Botão na página da peça ---------- */
.amd-single-wrap{ margin:14px 0 0; }
body .amd-btn.amd-single{ display:inline-flex; align-items:center; gap:10px; min-height:48px; padding:0 22px; border-radius:999px; background:#fff; color:var(--am-texto,#1d1f23); font:700 15px/1 var(--am-corpo,inherit); box-shadow:inset 0 0 0 1.5px var(--am-borda,#d9dadf); transition:color .18s,background .18s,box-shadow .18s,transform .18s; }
body .amd-btn.amd-single:hover,body .amd-btn.amd-single:focus{ background:#fff; color:var(--am-vermelho,#d3101f); box-shadow:inset 0 0 0 1.5px var(--am-vermelho,#d3101f); }
body .amd-btn.amd-single.is-ativo{ background:var(--am-vermelho-suave,#fde8ea); color:var(--am-vermelho,#d3101f); box-shadow:inset 0 0 0 1.5px var(--am-vermelho,#d3101f); }

/* coração "pulando" ao salvar */
@keyframes amd-pop{ 0%{ transform:scale(1); } 35%{ transform:scale(1.35); } 70%{ transform:scale(.92); } 100%{ transform:scale(1); } }
.amd-btn.amd-pop .amd-ico{ animation:amd-pop .45s ease; }

/* ---------- Cabeçalho ---------- */
.am-atalho-desejos{ position:relative; }
.am-atalho-desejos:hover{ color:var(--am-vermelho,#d3101f) !important; }
.am-atalho-desejos.is-atual{ color:var(--am-vermelho,#d3101f) !important; }
.am-atalho-desejos.is-atual .amd-ico path{ fill:currentColor; }
.amd-count{ position:absolute; top:-6px; right:-8px; min-width:19px; height:19px; padding:0 5px; border-radius:999px; background:var(--am-vermelho,#d3101f); color:#fff; font:700 11px/19px var(--am-corpo,inherit); text-align:center; box-sizing:border-box; box-shadow:0 0 0 2px #fff; }
.amd-count[data-qtd="0"]{ display:none; }

/* ---------- Página /lista-de-desejos/ ---------- */
.amd-pagina{ margin:28px 0 48px; }
.amd-cab{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:16px 24px; margin:0 0 22px; }
.amd-kicker{ display:inline-flex; align-items:center; gap:8px; font:700 12px/1 var(--am-corpo,inherit); letter-spacing:.14em; text-transform:uppercase; color:var(--am-vermelho,#d3101f); }
.amd-kicker::before{ content:""; width:18px; height:3px; border-radius:2px; background:currentColor; }
.amd-titulo{ margin:8px 0 4px !important; font:800 clamp(34px,5vw,52px)/1 var(--am-titulo,inherit) !important; text-transform:uppercase; color:var(--am-texto,#1d1f23); }
.amd-sub{ margin:0 !important; color:var(--am-suave,#62666f); font-size:15px; }
.amd-acoes{ display:flex; flex-wrap:wrap; gap:10px; }
.amd-acoes[hidden],.amd-vazio[hidden]{ display:none !important; }

.amd-acao{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 22px; border:0; border-radius:999px; font:700 15px/1 var(--am-corpo,inherit); text-decoration:none !important; cursor:pointer; white-space:nowrap; transition:background .18s,color .18s,box-shadow .18s,transform .18s; }
.amd-acao:hover{ transform:translateY(-1px); }
.amd-acao-zap,.amd-acao-zap:visited{ background:var(--am-vermelho,#d3101f) !important; color:#fff !important; box-shadow:0 8px 20px rgba(211,16,31,.28); }
.amd-acao-zap:hover{ background:var(--am-vermelho-esc,#a90c18) !important; }
.amd-acao-limpar,.amd-acao-limpar:visited{ background:#fff !important; color:var(--am-texto,#1d1f23) !important; box-shadow:inset 0 0 0 1.5px var(--am-borda,#d9dadf); }
.amd-acao-limpar:hover{ color:var(--am-vermelho,#d3101f) !important; box-shadow:inset 0 0 0 1.5px var(--am-vermelho,#d3101f); }

.amd-nota{ margin:0 0 22px !important; padding:12px 16px; border-radius:12px; background:#fff; box-shadow:var(--am-sombra,0 1px 2px rgba(16,17,19,.06)); color:var(--am-suave,#62666f); font-size:14px; line-height:1.45; }
.amd-nota a{ color:var(--am-vermelho,#d3101f); font-weight:700; }

/* card saindo da lista */
.amd-lista ul.products li.product{ transition:opacity .2s,transform .2s; }
.amd-lista ul.products li.product.amd-saindo{ opacity:0; transform:scale(.94); pointer-events:none; }

/* lista vazia */
.amd-vazio{ display:flex; flex-direction:column; align-items:center; text-align:center; max-width:520px; margin:12px auto 0; padding:40px 24px 44px; border-radius:var(--am-raio,14px); background:#fff; box-shadow:var(--am-sombra,0 1px 2px rgba(16,17,19,.06)); }
.amd-vazio-ico{ display:grid; place-items:center; width:84px; height:84px; margin-bottom:16px; border-radius:50%; background:var(--am-vermelho-suave,#fde8ea); color:var(--am-vermelho,#d3101f); }
.amd-vazio h2{ margin:0 0 8px !important; font:800 28px/1.1 var(--am-titulo,inherit) !important; text-transform:uppercase; }
.amd-vazio p{ margin:0 0 22px !important; color:var(--am-suave,#62666f); }
.amd-vazio-botoes{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }

/* ---------- Aviso rápido ---------- */
.amd-toast{ position:fixed; z-index:130; left:50%; bottom:24px; display:flex; align-items:center; gap:14px; max-width:min(440px,calc(100vw - 32px)); padding:12px 16px; border-radius:12px; background:var(--am-carbono,#18191c); color:#fff; font:600 14px/1.3 var(--am-corpo,inherit); box-shadow:0 14px 34px rgba(16,17,19,.3); opacity:0; visibility:hidden; transform:translate(-50%,12px); transition:opacity .22s,transform .22s,visibility .22s; }
.amd-toast.is-on{ opacity:1; visibility:visible; transform:translate(-50%,0); }
.amd-toast-acao{ flex:none; padding:6px 2px; border:0; background:none; color:var(--am-amarelo,#ffd60a) !important; font:800 14px/1 var(--am-corpo,inherit); text-decoration:underline; text-underline-offset:3px; cursor:pointer; }

/* ---------- Celular ---------- */
@media (max-width:921px){
	.amd-toast{ bottom:calc(var(--am-abas-h,64px) + 14px + env(safe-area-inset-bottom)); } /* acima da barra de abas */
}
@media (max-width:767px){
	.amd-pagina{ margin:20px 0 36px; }
	.amd-acoes{ width:100%; }
	.amd-acoes .amd-acao-zap{ flex:1 1 100%; }
	.amd-acoes .amd-acao-limpar{ flex:1 1 100%; }
	body .amd-btn.amd-card{ right:6px; bottom:6px; width:36px; height:36px; }
	body .amd-btn.amd-single{ width:100%; justify-content:center; }
}
@media (prefers-reduced-motion:reduce){
	.amd-btn.amd-pop .amd-ico{ animation:none; }
	.amd-toast,.amd-lista ul.products li.product{ transition:none; }
}