/* Dedalmania - cards das lojas. Tokens alinhados com a homepage. */
.ddm-lojas{
  --ddm-acao:#02DDF7;
  --ddm-acao-escuro:#0A8FA1;
  --ddm-ligar:#61CE70;
  --ddm-ligar-escuro:#2F8F3D;
  --ddm-ink:#1A202C;
  --ddm-texto:#2D3748;
  --ddm-suave:#718096;
  --ddm-linha:#EDF2F7;
  --ddm-fundo:#F7FAFC;
  font-family:Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--ddm-texto);
  max-width:1140px;
  margin:0 auto;
  padding:0 16px;
}
.ddm-lojas *,.ddm-lojas *::before,.ddm-lojas *::after{box-sizing:border-box}

/* ---------- barra de acoes ---------- */
.ddm-lojas__top{
  display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;
  margin:0 0 18px;
}
.ddm-lojas__near{
  display:inline-flex;align-items:center;gap:9px;
  min-height:52px;padding:14px 24px;
  background:var(--ddm-ligar);color:#fff;
  border:0;border-radius:10px;
  font:500 16px/1.2 Roboto,sans-serif;cursor:pointer;
  box-shadow:0 8px 20px rgba(97,206,112,.35);
  transition:transform .18s,box-shadow .18s;
}
.ddm-lojas__near:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(97,206,112,.45)}
.ddm-lojas__near[disabled]{opacity:.65;cursor:progress;transform:none}
.ddm-lojas__status{margin:0;font-size:14px;color:var(--ddm-suave);flex:1 1 220px}

/* ---------- pills de zona ---------- */
.ddm-lojas__zonas{
  display:flex;gap:8px;margin:0 0 26px;padding:2px 0 8px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;
}
.ddm-lojas__zona{
  flex:0 0 auto;
  display:inline-flex;align-items:center;min-height:38px;padding:8px 16px;
  background:rgba(2,221,247,.12);color:var(--ddm-acao-escuro);
  border:1px solid transparent;border-radius:999px;
  font:500 14px/1 Roboto,sans-serif;text-decoration:none;cursor:pointer;
  white-space:nowrap;transition:background .15s,color .15s;
}
.ddm-lojas__zona:hover,.ddm-lojas__zona:focus-visible{background:var(--ddm-acao-escuro);color:#fff}

/* ---------- grelha ---------- */
.ddm-lojas__grid{
  display:grid;grid-template-columns:1fr;gap:22px;margin:0;padding:0;list-style:none;
}
@media(min-width:820px){.ddm-lojas__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- card ---------- */
.ddm-loja{
  display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--ddm-linha);border-radius:12px;
  box-shadow:0 6px 18px rgba(51,51,51,.10);
  overflow:hidden;scroll-margin-top:110px;
  transition:transform .18s,box-shadow .18s;
}
.ddm-loja:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(51,51,51,.14)}
.ddm-loja__media{position:relative;display:block;aspect-ratio:16/9;background:var(--ddm-fundo);overflow:hidden}
.ddm-loja__media img{width:100%;height:100%;object-fit:cover;display:block}
.ddm-loja__dist{
  position:absolute;top:12px;right:12px;
  background:var(--ddm-acao-escuro);color:#fff;
  padding:5px 12px;border-radius:999px;
  font:500 13px/1 Roboto,sans-serif;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.ddm-loja__body{display:flex;flex-direction:column;gap:10px;padding:20px}
.ddm-loja__nome{
  margin:0;font-family:Raleway,"Helvetica Neue",Arial,sans-serif;
  font-size:24px;font-weight:800;line-height:1.2;color:var(--ddm-ink);
}
.ddm-loja__nome a{color:inherit;text-decoration:none;border-bottom:2px solid rgba(2,221,247,.45)}
.ddm-loja__nome a:hover{border-bottom-color:var(--ddm-acao-escuro)}

.ddm-loja__estado{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin:0;font-size:15px;font-weight:500;color:var(--ddm-suave);
}
.ddm-loja__estado .ponto{width:9px;height:9px;border-radius:50%;background:#CBD5E0;flex:none}
.ddm-loja__estado.is-aberto{color:var(--ddm-ligar-escuro)}
.ddm-loja__estado.is-aberto .ponto{background:var(--ddm-ligar)}
.ddm-loja__estado .detalhe{color:var(--ddm-suave);font-weight:400}

.ddm-loja__morada{margin:0;font-style:normal;font-size:17px;line-height:1.5;color:var(--ddm-texto)}
.ddm-loja__metro{display:inline-flex;align-items:center;gap:6px;margin-top:5px;font-size:14px;color:var(--ddm-suave)}
.ddm-loja__metro svg{flex:none}
.ddm-loja__nota{margin:0;font-size:14px;line-height:1.5;color:var(--ddm-suave)}

.ddm-loja__acoes{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px}
.ddm-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:12px 20px;
  border-radius:10px;font:500 16px/1.2 Roboto,sans-serif;
  text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;
}
.ddm-btn--ligar{background:var(--ddm-ligar);color:#fff;border:2px solid var(--ddm-ligar);box-shadow:0 6px 16px rgba(97,206,112,.3)}
.ddm-btn--ligar:hover{color:#fff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(97,206,112,.42)}
.ddm-btn--dir{background:#fff;color:var(--ddm-acao-escuro);border:2px solid var(--ddm-acao-escuro)}
.ddm-btn--dir:hover{background:var(--ddm-acao-escuro);color:#fff}
.ddm-loja__mais{
  display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:8px 4px;
  font:500 15px/1 Roboto,sans-serif;color:var(--ddm-acao-escuro);text-decoration:none;
}
.ddm-loja__mais:hover{text-decoration:underline}

/* ---------- nota comum ---------- */
.ddm-lojas__nota{
  margin:26px 0 0;padding:16px 18px;
  background:var(--ddm-fundo);border:1px solid var(--ddm-linha);border-radius:10px;
  font-size:14px;line-height:1.6;color:var(--ddm-suave);
}
.ddm-lojas__nota a{color:var(--ddm-acao-escuro)}

/* ---------- foco visivel ---------- */
.ddm-lojas a:focus-visible,.ddm-lojas button:focus-visible{
  outline:3px solid var(--ddm-acao);outline-offset:3px;border-radius:6px;
}

@media (prefers-reduced-motion:reduce){
  .ddm-lojas *{transition:none!important}
}