/*
 * D.E.P.K14.01 - kitFooter/footer.css
 * DEP-ID: LP-B8587C13CB
 */
/* kitFooter — cores dos tokens --lp-* (gestor de Aparência); cada tema só troca as variáveis --sf-*. */
.lp-store-footer{
    --sf-bg:var(--lp-card-bg);--sf-fg:var(--lp-ink);--sf-tit:var(--lp-heading);--sf-mut:var(--lp-muted);
    --sf-line:var(--lp-line);--sf-ico:var(--lp-brand);--sf-chip:color-mix(in srgb,var(--sf-fg) 7%,transparent);
    width:100%;margin-top:auto;background:var(--sf-bg);color:var(--sf-fg);font-family:var(--lp-font,inherit);
    border-top:var(--lp-bw,1px) solid var(--sf-line);box-sizing:border-box
}
.lp-store-footer *{box-sizing:border-box}
/* temas */
.lp-sf--suave{--sf-bg:var(--lp-surface,color-mix(in srgb,var(--lp-brand) 5%,var(--lp-card-bg)))}
.lp-sf--marca,.lp-sf--escuro{--sf-tit:var(--sf-fg);--sf-ico:var(--sf-fg);--sf-mut:color-mix(in srgb,var(--sf-fg) 70%,transparent);
    --sf-line:color-mix(in srgb,var(--sf-fg) 16%,transparent);--sf-chip:color-mix(in srgb,var(--sf-fg) 12%,transparent);border-top:0}
.lp-sf--marca{--sf-bg:var(--lp-btn-primario-bg,var(--lp-brand));--sf-fg:var(--lp-btn-primario-fg,#fff)}
.lp-sf--escuro{--sf-bg:var(--lp-heading);--sf-fg:var(--lp-card-bg)}
/* linha colorida no topo */
.lp-store-footer::before{content:"";display:block;height:4px}
.lp-sf--linha-duas::before{background:linear-gradient(90deg,var(--lp-brand) 0 65%,var(--lp-accent) 65% 100%)}
.lp-sf--linha-marca::before{background:var(--lp-brand)}
.lp-sf--linha-destaque::before{background:var(--lp-accent)}
.lp-sf--linha-degrade::before{background:linear-gradient(90deg,var(--lp-brand),var(--lp-accent))}
.lp-sf--linha-nenhuma::before{display:none}
.lp-sf--marca.lp-sf--linha-marca::before{background:var(--lp-accent)}   /* marca sobre marca não apareceria */

.lp-sf-in{width:min(1200px,calc(100% - 40px));margin-inline:auto;padding-top:clamp(28px,4vw,44px)}
.lp-sf-cols{display:flex;flex-wrap:wrap;gap:32px clamp(28px,5vw,64px)}
.lp-sf-marca{flex:1.3 1 260px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.lp-sf-col{flex:1 1 230px;max-width:340px;min-width:0}

/* marca */
.lp-sf-id{display:flex;align-items:center;gap:12px;min-width:0}
.lp-sf-logo{display:block;height:44px;width:auto;max-width:150px;object-fit:contain;flex:none}
.lp-sf-nome{font-size:1.15rem;line-height:1.2;font-weight:var(--lp-h-fw,800);color:var(--sf-tit);overflow-wrap:anywhere}
.lp-sf-frase{margin:0;max-width:42ch;color:var(--sf-mut);font-size:14px;line-height:1.5}
.lp-sf-redes{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.lp-sf-rede{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--sf-chip);color:var(--sf-fg);text-decoration:none;
    transition:background var(--lp-dur,.2s),color var(--lp-dur,.2s),transform var(--lp-dur,.2s)}
.lp-sf-rede i{font-size:16px}
.lp-sf-rede span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lp-sf-rede:hover{background:var(--lp-accent);color:var(--lp-btn-cta-fg,#fff);transform:translateY(-2px)}
.lp-sf-rede:focus-visible{outline:var(--lp-ring-w,2px) solid var(--lp-ring,currentColor);outline-offset:2px}
.lp-sf--redes-nome .lp-sf-rede{display:inline-flex;gap:8px;width:auto;padding:0 14px;border-radius:999px;font-size:14px;font-weight:600}
.lp-sf--redes-nome .lp-sf-rede span{position:static;width:auto;height:auto;clip:auto}

/* colunas */
.lp-sf-rot{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sf-mut)}
.lp-sf-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14.5px;line-height:1.4}
.lp-sf-lista li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;overflow-wrap:break-word;min-width:0}
.lp-sf-lista i{color:var(--sf-ico);text-align:center;padding-top:2px;font-size:14px}
.lp-sf-lista a{display:contents;color:inherit;text-decoration:none}
.lp-sf-lista a span,.lp-sf-lista span a{color:inherit;text-decoration:none}
.lp-sf-lista a:hover span,.lp-sf-lista span a:hover{text-decoration:underline;text-underline-offset:3px}
.lp-sf-lista a:focus-visible span{outline:var(--lp-ring-w,2px) solid var(--lp-ring,currentColor);outline-offset:2px;border-radius:4px}

/* horário */
.lp-sf-horas{margin:0;display:grid;gap:6px;font-size:14px}
.lp-sf-hora{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border-bottom:1px dashed var(--sf-line)}
.lp-sf-hora:last-child{border-bottom:0}
.lp-sf-hora dt{color:var(--sf-mut)}
.lp-sf-hora dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.lp-sf-hora.is-hoje dt,.lp-sf-hora.is-hoje dd{color:var(--sf-tit);font-weight:700}
.lp-sf-hora small{margin-left:4px;padding:1px 7px;border-radius:99px;background:var(--lp-accent);color:var(--lp-btn-cta-fg,#fff);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;vertical-align:1px}

/* base */
.lp-sf-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;margin-top:clamp(28px,4vw,40px);padding:16px 0 18px;
    border-top:1px solid var(--sf-line);font-size:13px;color:var(--sf-mut)}
.lp-sf-legal{display:flex;gap:18px}
.lp-sf-base a{color:inherit;text-decoration:none}
.lp-sf-base a:hover{color:var(--sf-fg);text-decoration:underline;text-underline-offset:3px}
.lp-sf-dev a{font-weight:600}

@media(max-width:640px){
    .lp-sf-cols{gap:28px}
    .lp-sf-col{max-width:none;flex-basis:100%}
    .lp-sf-base{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.lp-sf-rede{transition:none}.lp-sf-rede:hover{transform:none}}
/* endereço (na coluna "Fale com a gente") */
.lp-sf-end{font-style:normal;line-height:1.5}
.lp-sf-li-end span{display:grid;gap:6px;justify-items:start}
.lp-sf-mapa{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--sf-ico)!important;text-decoration:none!important}
.lp-sf-mapa i{font-size:11px;transition:transform var(--lp-dur,.2s)}
.lp-sf-mapa:hover i{transform:translateX(3px)}
.lp-sf-mapa:hover{text-decoration:underline!important;text-underline-offset:3px}
.lp-sf-li-end > span > .lp-sf-mapa i{color:inherit;padding:0}
.lp-sf-lista .lp-sf-mapa{display:inline-flex}
