/*
 * Base e componentes da loja v3 (kit-loja-v3-layout-claro, seção 3): layout, cabeçalho, rodapé, botões, tag,
 * card de livro, campos, cartão de opção, quantidade, selo, linha do tempo, avisos e paginação.
 * Só tokens --ds-* (tokens.css).
 */

/* ---- Layout ---- */
.lm-wrap{max-width:var(--ds-content-max);margin:0 auto;padding-inline:var(--ds-gutter)}
#page{min-height:100vh;display:flex;flex-direction:column}
.site-content{flex:1 0 auto}
.site-content>.col-full{max-width:var(--ds-content-max);margin:0 auto;padding:var(--ds-space-5) var(--ds-gutter) var(--ds-space-16)}
.content-area,.site-main{width:100%;float:none;margin:0}
.lm-skip{position:absolute;z-index:100000;top:var(--ds-space-2);left:var(--ds-space-2);transform:translateY(-200%);padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-field);background:var(--ds-color-navy);color:var(--ds-color-on-navy);font-weight:var(--ds-weight-bold)}
.lm-skip:focus{transform:none;color:var(--ds-color-on-navy)}
.lm-stack{display:flex;flex-direction:column;gap:var(--lm-secao-gap,var(--ds-space-16))}
.lm-head{font-family:var(--ds-font-heading)}

/* ---- Cabeçalho ---- */
.lm-header{box-sizing:border-box;width:100%;max-width:var(--ds-content-max);margin:0 auto;padding:var(--ds-space-5) var(--ds-gutter) 0}
.lm-pill{display:flex;align-items:center;gap:var(--ds-space-5);padding:var(--ds-space-2) var(--ds-space-3) var(--ds-space-2) var(--ds-space-6);border-radius:var(--ds-radius-pill);background:var(--lm-cab-bg,var(--ds-color-surface));box-shadow:0 1px 0 var(--ds-color-shadow)}
.lm-brand{display:flex;flex:0 1 auto;min-width:0;align-items:center;min-height:var(--ds-target)}
.lm-brand .custom-logo-link,.lm-brand>a{display:flex;align-items:center}
.lm-brand img{display:block;width:auto;height:var(--ds-logo-h);max-width:100%;object-fit:contain;object-position:left center}
.lm-brand__nome{font:var(--ds-weight-bold) 20px/1.2 var(--ds-font-heading);color:var(--ds-color-navy)}
.lm-search{display:flex;align-items:center;gap:var(--ds-space-2);flex:1 1 280px;max-width:var(--ds-search-max);height:var(--ds-target);margin:0 0 0 auto;padding:0 var(--ds-space-4);border-radius:var(--ds-radius-pill);background:var(--ds-color-surface-soft);color:var(--ds-color-text-muted)}
.lm-search svg{flex:none}
.lm-search input[type=search]{flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:var(--ds-color-text);font-size:var(--ds-text-label-size);outline:0;box-shadow:none;-webkit-appearance:none;appearance:none}
.lm-search input::placeholder{color:var(--ds-color-placeholder);opacity:1}
.lm-search:focus-within{outline:var(--ds-focus-width) solid var(--ds-color-blue);outline-offset:var(--ds-focus-offset)}
.lm-search button{display:inline-flex;align-items:center;justify-content:center;width:var(--ds-target);height:var(--ds-target);margin:0 calc(var(--ds-space-4) * -1) 0 0;padding:0;border:0;border-radius:var(--ds-radius-pill);background:none;color:inherit;cursor:pointer}
.lm-pill__acoes{display:flex;align-items:center;gap:var(--ds-space-1);margin-left:auto}
.lm-search+.lm-pill__acoes{margin-left:0}
.lm-ic{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);min-width:var(--ds-target);min-height:var(--ds-target);padding:0 14px;border:0;border-radius:var(--ds-radius-pill);background:transparent;color:var(--lm-cab-text,var(--ds-color-text));font:var(--ds-weight-bold) var(--ds-text-label-size)/1 var(--ds-font-body);cursor:pointer}
.lm-ic:hover{background:var(--ds-color-surface-soft);color:var(--lm-cab-ativo,var(--ds-color-navy))}
.lm-ic svg{flex:none}
.lm-menu-btn{display:none}
.cart-n{display:inline-flex;align-items:center;justify-content:center;min-width:var(--ds-badge);height:var(--ds-badge);padding:0 var(--ds-space-1);border-radius:var(--ds-radius-pill);background:var(--ds-color-navy);color:var(--ds-color-on-navy);font-size:12px;font-variant-numeric:tabular-nums}
.cart-n[data-vazio]{visibility:hidden}
.lm-voltar{margin-left:auto}
.lm-topnav{display:flex;align-items:center;gap:var(--ds-space-5);padding:var(--ds-space-2) var(--ds-space-6) 0}
.lm-topnav ul{display:flex;flex:1 1 auto;min-width:0;align-items:center;gap:var(--ds-space-1) 28px;margin:0;padding:0;overflow:hidden;list-style:none}
.lm-topnav li{flex:none}
.lm-colbtn{display:inline-flex;flex:none;align-items:center;gap:var(--ds-space-2);min-height:calc(var(--ds-target) - var(--ds-space-1));padding:0 var(--ds-space-4);border:var(--ds-border-strong) solid var(--ds-color-navy);border-radius:var(--ds-radius-pill);background:transparent;color:var(--ds-color-navy);font:var(--ds-weight-bold) var(--ds-text-label-size)/1 var(--ds-font-body);cursor:pointer}
.lm-colbtn svg{width:20px;height:20px}
.lm-colbtn:hover,.lm-colbtn[aria-expanded=true]{background:var(--ds-color-navy);color:var(--ds-color-on-navy)}
.lm-semjs{display:none}
.lm-js .lm-semjs{display:none}
html:not(.lm-js) .lm-semjs{display:inline-flex}
html:not(.lm-js) .lm-menu-btn.lm-semjs{display:none}
html:not(.lm-js) button[data-lm-painel]{display:none}
.lm-topnav a{display:inline-flex;align-items:center;min-height:var(--ds-target);padding:0 var(--ds-space-1);font-weight:var(--ds-weight-bold);font-size:var(--ds-text-label-size);color:var(--lm-cab-text,var(--ds-color-text));white-space:nowrap}
.lm-topnav a:hover,.lm-topnav .current-menu-item>a,.lm-topnav a[aria-current]{color:var(--lm-cab-ativo,var(--ds-color-blue))}
/* Cabeçalho fixo (Personalizar > Cabeçalho). */
.lm-header{position:relative}
.lm-cab-fixo .lm-header{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:40;padding-bottom:var(--ds-space-2);background:var(--ds-color-bg)}
.lm-busca-m{display:none}
@media (max-width:760px){
	.lm-pill{gap:var(--ds-space-2);padding:6px var(--ds-space-2) 6px var(--ds-space-4)}
	.lm-pill__acoes{flex:none;gap:0}
	.lm-ic{padding:0 10px}
	.lm-pill>.lm-search{display:none}
	.lm-hide-m{display:none}
	.lm-busca-m{display:flex;max-width:none;height:var(--ds-field-h);margin-top:var(--ds-space-2);background:var(--ds-color-surface);font-size:var(--ds-text-body-size)}
}
@media (min-width:761px){.lm-busca-m{display:none!important}}
/* Até 900 px: a barra some e fica só o botão "Coleções" na pílula; o painel vira folha de tela cheia (abaixo). */
@media (max-width:900px){
	.lm-menu-btn{display:inline-flex}
	.lm-js .lm-menu-btn.lm-semjs{display:none}
	html:not(.lm-js) .lm-menu-btn.lm-semjs{display:inline-flex}
	.lm-topnav{display:none}
}
/* Barra em uma linha: até 1199 px só 4 coleções. */
@media (min-width:901px) and (max-width:1199px){
	.lm-topnav li:nth-child(n+5){display:none}
}
/* Desktop (acima de 900 px): cabeçalho e barra mais compactos, no site inteiro, para os livros aparecerem sem rolar.
 * O celular (até 900 px) fica como está. Os links da barra seguem com 40 px de toque. */
@media (min-width:901px){
	.lm-header{padding-top:var(--ds-space-3)}
	.lm-pill{padding-block:var(--ds-space-1)}
	.lm-topnav{padding-top:var(--ds-space-3)}
	.lm-topnav a{min-height:calc(var(--ds-target) - var(--ds-space-1))}
	/* Respiro de 12 px entre a pílula e a barra; os 8 px a mais saem do espaço entre o cabeçalho e o conteúdo, para o
	 * conteúdo não descer (só onde há barra: o cabeçalho simplificado do checkout e da conta não muda). */
	body:has(.lm-topnav) .site-content>.col-full{padding-top:var(--ds-space-3)}
}

/* ---- Painel "Todas as coleções" (cabeçalho, todas as páginas): menu suspenso no desktop, folha de tela cheia no celular ----
 * Todas as classes do painel começam com lm-colecoes: nomes genéricos (.lm-mini, .lm-pc) já existem no carrinho e no painel da conta. */
.lm-colecoes{position:absolute;z-index:60;top:100%;left:var(--ds-gutter);right:var(--ds-gutter);box-sizing:border-box;max-height:calc(100vh - 140px);padding:var(--ds-space-5);overflow:auto;border:var(--ds-border-width) solid var(--ds-color-line);border-radius:var(--ds-radius-box);background:var(--ds-color-surface);box-shadow:0 12px 32px var(--ds-color-shadow-art)}
.lm-colecoes[hidden]{display:none}
.lm-colecoes__cab{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3);margin-bottom:var(--ds-space-2)}
.lm-colecoes__cab h2{margin:0;font-size:20px}
.lm-colecoes__fechar{min-height:var(--ds-target);padding:0 var(--ds-space-4)}
.lm-colecoes__grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px;margin:0;padding:0;list-style:none}
.lm-colecoes-aberto{overflow:hidden}
.lm-colecoes__item{display:flex;align-items:center;gap:14px;min-height:64px;padding:10px 14px;border-radius:14px;color:var(--ds-color-text);font-weight:var(--ds-weight-bold);line-height:1.25}
.lm-colecoes__item:hover{background:var(--ds-color-surface-soft);color:var(--ds-color-navy)}
.lm-colecoes__item[aria-current]{background:var(--ds-color-blue-soft);color:var(--ds-color-navy)}
.lm-colecoes__item small{display:block;font-weight:var(--ds-weight-semibold);font-size:var(--ds-text-tag-size);color:var(--ds-color-text-muted)}
.lm-colecoes__mini{display:flex;flex:none;align-items:flex-end;gap:3px}
.lm-colecoes__mini span{display:block;width:10px;border-radius:2px 2px 1px 1px}
.lm-colecoes__mini span:nth-child(1){height:24px}
.lm-colecoes__mini span:nth-child(2){height:30px}
.lm-colecoes__mini span:nth-child(3){height:26px}
@media (max-width:1000px){.lm-colecoes__grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
	.lm-colecoes{position:fixed;z-index:200;inset:0;max-height:none;padding:0 var(--ds-space-4) var(--ds-space-8);border:0;border-radius:0;box-shadow:none}
	.lm-colecoes__cab{position:sticky;top:0;z-index:1;margin:0 calc(var(--ds-space-4) * -1) var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);border-bottom:var(--ds-border-width) solid var(--ds-color-line);background:var(--ds-color-surface)}
	.lm-colecoes__item{min-height:56px}
}
@media (max-width:640px){.lm-colecoes__grade{grid-template-columns:minmax(0,1fr)}}

/* ---- Rodapé ---- */
.lm-footer{margin-top:0;background:var(--lm-rod-bg,var(--ds-color-navy));color:var(--lm-rod-text,var(--ds-color-on-navy));border-radius:var(--ds-radius-hero) var(--ds-radius-hero) 0 0}
.lm-footer a{color:var(--lm-rod-link,var(--ds-color-on-navy))}
.lm-footer__grid{--lm-rod-colunas:2;display:grid;grid-template-columns:minmax(0,1.4fr) repeat(var(--lm-rod-colunas),minmax(0,1fr));gap:var(--ds-space-8);padding-block:var(--ds-space-10)}
.lm-footer__grid--c1{--lm-rod-colunas:1}
.lm-footer__grid--c3{--lm-rod-colunas:3}
.lm-footer__grid--c0{grid-template-columns:minmax(0,1fr)}
.lm-footer__marca{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-space-3)}
.lm-footer__marca p{margin:0;color:var(--lm-rod-text,var(--ds-color-on-navy-muted))}
.lm-footer .lm-brand--rodape{color:var(--lm-rod-titulo,var(--ds-color-on-navy));font:var(--ds-weight-bold) 20px/1.2 var(--ds-font-heading)}
.lm-footer__sobre{max-width:320px}
.lm-footer__nome{font-size:var(--ds-text-small-size)}
.lm-footer__dados{margin:0;padding:0;list-style:none;color:var(--lm-rod-text,var(--ds-color-on-navy-muted));font-size:var(--ds-text-small-size)}
.lm-footer__titulo{display:block;margin:0 0 var(--ds-space-1);font:var(--ds-weight-bold) 16px/1.5 var(--ds-font-heading);color:var(--lm-rod-titulo,var(--ds-color-on-navy))}
.lm-footer__col ul{margin:0;padding:0;list-style:none}
.lm-footer__col a{display:inline-flex;align-items:center;min-height:var(--ds-target);font-weight:var(--ds-weight-semibold)}
.lm-footer__col a:hover{text-decoration:underline}
.lm-footer__copy{grid-column:1/-1;margin:0;padding-top:var(--ds-space-4);border-top:var(--ds-border-width) solid var(--ds-color-on-navy-dot);color:var(--lm-rod-text,var(--ds-color-on-navy-muted));font-size:var(--ds-text-small-size)}
@media (max-width:900px){.lm-footer__grid{grid-template-columns:minmax(0,1fr)}}

/* ---- Botões ---- */
.lm-btn,.button,button.button,input.button,.woocommerce a.button,.woocommerce button.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);min-height:var(--ds-button-h);padding:0 var(--ds-space-6);border:var(--ds-border-strong) solid transparent;border-radius:var(--lm-btn-raio,var(--ds-radius-pill));background:var(--lm-btn-bg,var(--ds-color-blue));color:var(--lm-btn-text,var(--ds-color-on-accent));font:var(--ds-weight-bold) 16px/1.2 var(--ds-font-body);text-align:center;cursor:pointer;transition:background var(--ds-duration-fast) ease,color var(--ds-duration-fast) ease}
.lm-btn:hover,.button:hover,button.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--ds-color-navy);color:var(--ds-color-on-navy)}
.lm-btn--branco{background:var(--ds-color-surface);color:var(--ds-color-navy)}
.lm-btn--branco:hover{background:var(--ds-color-blue-soft);color:var(--ds-color-navy)}
.lm-btn--contorno,.button.alt.lm-btn--contorno{background:transparent;color:var(--lm-btn2-texto,var(--ds-color-navy));border-color:var(--lm-btn2-borda,var(--ds-color-navy))}
.lm-btn--contorno:hover{background:var(--ds-color-navy);color:var(--ds-color-on-navy)}
.lm-btn:disabled,.button:disabled,.button.disabled{opacity:.5;cursor:not-allowed}
.lm-btn--bloco{width:100%}
.lm-add{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--ds-target);height:var(--ds-target);border:0;border-radius:var(--ds-radius-pill);background:var(--ds-color-blue);color:var(--ds-color-on-accent)}
a:hover .lm-add,.lm-add:hover{background:var(--ds-color-navy)}
/* O a:hover global (tokens.css) pintava o icone de marinho, igual ao fundo no hover: o "+" sumia. Aqui o icone fica branco em todos os estados. */
.lm-add:hover,.lm-add:focus-visible,.lm-card:hover .lm-add{color:var(--ds-color-on-accent)}
.lm-round{display:inline-flex;align-items:center;justify-content:center;width:var(--ds-target);height:var(--ds-target);padding:0;border:var(--ds-border-strong) solid var(--ds-color-on-navy-line);border-radius:var(--ds-radius-pill);background:transparent;color:var(--ds-color-on-navy);cursor:pointer}
.lm-round:hover{background:var(--ds-color-surface);color:var(--ds-color-navy)}

/* ---- Tag e selo ---- */
.lm-tag{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:var(--ds-radius-pill);background:var(--ds-color-blue-soft);color:var(--ds-color-navy);font-weight:var(--ds-weight-bold);font-size:var(--ds-text-tag-size);letter-spacing:.04em;text-transform:uppercase}
a.lm-tag:hover{background:var(--ds-color-blue);color:var(--ds-color-on-accent)}
.lm-selo{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:var(--ds-radius-pill);background:var(--ds-color-blue-soft);color:var(--ds-color-navy);font-weight:var(--ds-weight-bold);font-size:var(--ds-text-tag-size)}
.lm-selo--ok{background:var(--ds-color-success-bg);color:var(--ds-color-success-text)}
.lm-selo--erro{background:var(--ds-color-danger-bg);color:var(--ds-color-danger)}
.lm-selo--espera{background:var(--ds-color-pending);color:var(--ds-color-navy)}

/* ---- Card de livro ---- */
.lm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-5);margin:0;padding:0;list-style:none}
@media (max-width:1000px){.lm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.lm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
.lm-card{display:flex;flex-direction:column;gap:var(--ds-space-3);height:100%;padding:12px 12px var(--ds-space-4);border:var(--ds-border-width) solid var(--ds-color-line);border-radius:var(--ds-radius-box);background:var(--ds-color-surface);color:var(--ds-color-text)}
.lm-card:hover{border-color:var(--ds-color-blue);color:var(--ds-color-text)}
.lm-capa{display:flex;align-items:flex-end;aspect-ratio:3/4;padding:var(--ds-space-3);border-radius:var(--ds-radius-cover);overflow:hidden;background:var(--ds-color-surface-soft);color:var(--ds-color-navy);font-weight:var(--ds-weight-bold);font-size:var(--ds-text-small-size);box-shadow:inset 6px 0 0 var(--ds-color-cover-spine)}
.lm-capa--img{padding:0;display:block;position:relative}
.lm-capa--img img{display:block;width:100%;height:100%;object-fit:cover}
.lm-capa--img::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 6px 0 0 var(--ds-color-cover-spine);pointer-events:none}
.lm-card__titulo{margin:0;font-family:var(--ds-font-body);font-weight:var(--ds-weight-bold);font-size:16px;line-height:1.3;color:var(--ds-color-text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lm-card__rodape{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2);margin-top:auto}
.lm-preco{font-weight:var(--ds-weight-bold);font-size:var(--ds-text-price-size);color:var(--ds-color-navy);font-variant-numeric:tabular-nums}
.lm-preco del{opacity:.6;font-weight:var(--ds-weight-regular);font-size:var(--ds-text-small-size)}
.lm-preco ins{text-decoration:none}
.lm-preco-cartao{display:block;font-weight:var(--ds-weight-regular);font-size:var(--ds-text-small-size);color:var(--ds-color-text-muted)}

/* ---- Campos ---- */
.lm-campo,.form-row{display:flex;flex-direction:column;gap:6px;margin:0 0 var(--ds-space-4)}
label,.lm-rotulo{font-weight:var(--ds-weight-bold);font-size:var(--ds-text-label-size)}
.lm-dica{font-size:var(--ds-text-small-size);color:var(--ds-color-text-muted)}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=url],input[type=search],select,textarea,.input-text{width:100%;min-height:var(--ds-field-h);padding:0 14px;border:var(--ds-border-strong) solid var(--ds-color-border);border-radius:var(--ds-radius-field);background:var(--ds-color-surface);color:var(--ds-color-text);font-size:var(--ds-text-body-size)}
textarea{padding:var(--ds-space-3) 14px;min-height:96px}
input::placeholder,textarea::placeholder{color:var(--ds-color-placeholder);opacity:1}
select{padding-right:40px}
.lm-campo--erro input,.woocommerce-invalid input,.lm-invalido{border-color:var(--ds-color-danger)}
.lm-erro-msg{color:var(--ds-color-danger);font-size:var(--ds-text-small-size)}
input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:var(--ds-color-blue);flex:none}

/* ---- Cartão de opção (frete, pagamento) ---- */
.lm-opcao{display:flex;align-items:center;gap:var(--ds-space-3);min-height:56px;padding:10px 14px;border:var(--ds-border-strong) solid var(--ds-color-line);border-radius:var(--ds-radius-field);background:var(--ds-color-surface);cursor:pointer}
.lm-opcao:has(input:checked){border-color:var(--ds-color-blue);background:var(--ds-color-blue-soft)}
.lm-opcao:has(input:focus-visible){outline:var(--ds-focus-width) solid var(--ds-color-blue);outline-offset:var(--ds-focus-offset)}

/* ---- Quantidade ---- */
.lm-qtd{display:inline-flex;align-items:center;border:var(--ds-border-strong) solid var(--ds-color-border);border-radius:var(--ds-radius-pill);background:var(--ds-color-surface)}
.lm-qtd button{width:var(--ds-target);height:var(--ds-target);border:0;border-radius:var(--ds-radius-pill);background:transparent;color:var(--ds-color-navy);font-size:20px;line-height:1;cursor:pointer}
.lm-qtd button:disabled{opacity:.4;cursor:not-allowed}
.lm-qtd input{width:44px;min-height:var(--ds-target);padding:0;border:0;text-align:center;font-weight:var(--ds-weight-bold);background:transparent;-moz-appearance:textfield}
.lm-qtd input::-webkit-outer-spin-button,.lm-qtd input::-webkit-inner-spin-button{-webkit-appearance:none}

/* ---- Linha do tempo ---- */
.lm-linha{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-2);margin:0;padding:0;list-style:none}
.lm-linha li{display:flex;flex-direction:column;gap:6px;font-size:var(--ds-text-small-size);color:var(--ds-color-text-muted)}
.lm-linha li::before{content:"";height:8px;border-radius:var(--ds-radius-pill);background:var(--ds-color-line)}
.lm-linha .is-feito{color:var(--ds-color-text);font-weight:var(--ds-weight-bold)}
.lm-linha .is-feito::before{background:var(--ds-color-blue)}

/* ---- Avisos ---- */
.lm-aviso{position:fixed;z-index:9999;left:var(--ds-gutter);right:var(--ds-gutter);bottom:var(--ds-space-4);height:0;pointer-events:none}
.lm-aviso__texto:not(:empty){position:absolute;bottom:0;left:0;right:0;width:fit-content;max-width:360px;margin:0 auto;padding:var(--ds-space-3) var(--ds-space-5);border-radius:var(--ds-radius-pill);background:var(--ds-color-navy);color:var(--ds-color-on-navy);font-weight:var(--ds-weight-bold);font-size:var(--ds-text-small-size);animation:lm-aviso 4s ease both}
@keyframes lm-aviso{0%{transform:translateY(16px);opacity:0}6%,88%{transform:none;opacity:1}100%{opacity:0;visibility:hidden}}
.lm-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ds-space-3);padding:var(--ds-space-2) var(--ds-space-2) var(--ds-space-2) var(--ds-space-5);border-radius:var(--ds-radius-pill);background:var(--ds-color-navy);color:var(--ds-color-on-navy);font-weight:var(--ds-weight-bold)}
.lm-notice a{display:inline-flex;align-items:center;min-height:var(--ds-target);padding:0 18px;border-radius:var(--ds-radius-pill);background:var(--ds-color-surface);color:var(--ds-color-navy)}
.lm-note,.woocommerce-info,.woocommerce-message,.woocommerce-error{display:flex;gap:var(--ds-space-3);align-items:flex-start;margin:0 0 var(--ds-space-4);padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-field);background:var(--ds-color-blue-soft);color:var(--ds-color-navy);list-style:none}
.woocommerce-error{background:var(--ds-color-danger-bg);color:var(--ds-color-danger)}
.woocommerce-message{justify-content:space-between;flex-wrap:wrap;align-items:center}
.woocommerce-message .button,.woocommerce-info .button{order:2;min-height:var(--ds-target);padding:0 var(--ds-space-4);background:var(--ds-color-navy);color:var(--ds-color-on-navy)}
.woocommerce-error li{margin:0}
.woocommerce-notices-wrapper:empty{display:none}

/* ---- Paginação e resultado ---- */
.woocommerce-pagination ul,.lm-paginacao ul{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ds-space-2);margin:var(--ds-space-8) 0 0;padding:0;list-style:none}
.woocommerce-pagination a,.woocommerce-pagination span,.lm-paginacao a,.lm-paginacao span{display:inline-flex;align-items:center;justify-content:center;min-width:var(--ds-target);min-height:var(--ds-target);padding:0 14px;border:var(--ds-border-width) solid var(--ds-color-line);border-radius:var(--ds-radius-pill);background:var(--ds-color-surface);color:var(--ds-color-navy);font-weight:var(--ds-weight-bold)}
.woocommerce-pagination a:hover{border-color:var(--ds-color-blue)}
.woocommerce-pagination .current{background:var(--ds-color-navy);border-color:var(--ds-color-navy);color:var(--ds-color-on-navy)}
.woocommerce-result-count{margin:0;color:var(--ds-color-text-muted);font-size:var(--ds-text-small-size)}

/* ---- Controle segmentado (reservado a escolhas curtas) ---- */
.lm-seg{display:inline-flex;gap:var(--ds-space-1);padding:var(--ds-space-1);border-radius:var(--ds-radius-seg);background:var(--ds-color-surface-soft)}
.lm-seg a,.lm-seg button{display:inline-flex;align-items:center;min-height:var(--ds-target);padding:0 var(--ds-space-4);border:0;border-radius:var(--ds-radius-seg-item);background:transparent;color:var(--ds-color-text);font-weight:var(--ds-weight-bold)}
.lm-seg [aria-current=true],.lm-seg [aria-pressed=true]{background:var(--ds-color-navy);color:var(--ds-color-on-navy)}

/* ---- Cartão genérico ---- */
.lm-caixa{padding:var(--ds-space-6);border:var(--ds-border-width) solid var(--ds-color-line);border-radius:var(--ds-radius-box);background:var(--ds-color-surface)}
.lm-faixa{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-6);padding:var(--ds-space-8) 40px;border-radius:var(--ds-radius-box-lg);background:var(--ds-color-navy);color:var(--ds-color-on-navy)}
.lm-faixa h2{color:var(--ds-color-on-navy);margin:0 0 var(--ds-space-1)}
.lm-faixa p{margin:0;color:var(--ds-color-on-navy-muted)}
@media (max-width:760px){.lm-faixa{flex-direction:column;align-items:flex-start;padding:var(--ds-space-6)}}
.lm-sec-cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ds-space-2) var(--ds-space-4);margin-bottom:var(--ds-space-5)}
.lm-sec-cab h2{margin:0}

/* ---- Card: link esticado no t�tulo; o "+" fica acima dele ---- */
.lm-card{position:relative}
.lm-card__titulo a{color:inherit}
.lm-card__titulo a::after{content:"";position:absolute;inset:0;border-radius:var(--ds-radius-box)}
.lm-card__titulo a:focus-visible{outline:0}
.lm-card__titulo a:focus-visible::after{outline:var(--ds-focus-width) solid var(--ds-color-blue);outline-offset:var(--ds-focus-offset)}
.lm-card .lm-add{position:relative;z-index:1}
.lm-card .lm-add.loading{opacity:.6;cursor:progress;pointer-events:none}
.lm-card .added_to_cart{display:none}

/* ---- Chip (coleções em carrinho vazio e 404) e tag pequena ---- */
.lm-chip{display:inline-flex;align-items:center;min-height:var(--ds-target);padding:0 18px;border:var(--ds-border-width) solid var(--ds-color-line);border-radius:var(--ds-radius-pill);background:var(--ds-color-surface);color:var(--ds-color-navy);font-weight:var(--ds-weight-bold);font-size:var(--ds-text-label-size)}
.lm-chip:hover{border-color:var(--ds-color-blue);color:var(--ds-color-blue)}

/* Atendimento: lista de contatos (rodapé, pedido recebido, cartão do pedido) */
.lm-atend-lista{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--ds-space-1)}
.lm-atend-lista a,.lm-footer__atend a{display:inline-flex;align-items:center;min-height:var(--ds-target)}
.lm-footer__atend li>span{display:block;color:var(--lm-rod-text,var(--ds-color-on-navy-muted));font-size:var(--ds-text-small-size)}
.lm-footer__atend a.lm-link{color:inherit}
/* Sugestão de e-mail ao digitar (assets/js/email-sugestao.js): só tokens, alvos de 44 px. */
.lm-email-sug{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-2) var(--ds-space-3);margin-top:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-field);background:var(--ds-color-blue-soft);color:var(--ds-color-navy);font-size:var(--ds-text-small-size)}
.lm-email-sug:empty{display:none}
.lm-email-sug button{min-height:var(--ds-target);padding:0 var(--ds-space-4);border:var(--ds-border-strong) solid var(--ds-color-navy);border-radius:var(--ds-radius-pill);background:transparent;color:var(--ds-color-navy);font:inherit;font-weight:var(--ds-weight-bold);cursor:pointer}
.lm-email-sug button:hover{background:var(--ds-color-navy);color:var(--ds-color-on-navy)}
.lm-email-sug .lm-email-sug__usar{background:var(--ds-color-navy);color:var(--ds-color-on-navy)}
.lm-email-sug .lm-email-sug__usar:hover{background:var(--ds-color-blue)}