/* Popularna mesta — stil (brez .ta-popular-wrap) */
:root{
  --ta-popular-primary:#b13535;
  --ta-popular-ink:#1e1e1e;
  --ta-popular-muted:#6b7280;
  --ta-popular-border:#e5e7eb;
}

.ta-popular-title{
  font-weight:700;
  letter-spacing:.02em;
  color:var(--ta-popular-ink);
  margin:0 0 12px 0;
  text-transform:uppercase;
  font-size:1rem;
}

.ta-popular-row{
  display:flex;
  gap:16px;
  align-items:stretch;
}

.ta-popular-blocks{
  flex:1;
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:12px;
  min-width:0;
}

.ta-popular-block{
  border:1px solid var(--ta-popular-border);
  border-radius:12px;
  padding:12px;
  background:#fff;
}

.ta-popular-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
}

.ta-popular-list li a{
  display:flex;
  align-items:baseline;
  gap:6px;
  text-decoration:none;
  color:var(--ta-popular-ink);
}

.ta-popular-list li a:hover .ta-popular-city{
  color:var(--ta-popular-primary);
  text-decoration:underline;
}

.ta-popular-city{
  font-weight:600;
}

.ta-popular-extra{
  color:var(--ta-popular-muted);
  font-size:.95em;
}

/* Akcije (desni stolpec gumbov) */
.ta-popular-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;           /* ključno: raztegne gumbe čez širino stolpca */
  justify-content:flex-start;
  gap:10px;
  min-width:220px;               /* enotna širina desnega stolpca na desktopu */
}

.ta-popular-btn{
  display:inline-block;
  padding:10px 14px;
  background:var(--ta-popular-primary);
  color:#fff;
  border-radius:12px;
  text-decoration:none;
  font-weight:600;
  text-align:center;
  width:100%;                    /* ključno: gumba sta enako široka */
}

.ta-popular-btn:hover{
  filter:brightness(.95);
}

/* Responsivnost */
@media (max-width: 1200px){
  .ta-popular-blocks{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (max-width: 900px){
  .ta-popular-row{ flex-direction:column; }
  .ta-popular-actions{ min-width:auto; }
  .ta-popular-blocks{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px){
  .ta-popular-blocks{ grid-template-columns:1fr; }
}