/* ========= HONEST STORE FINDER – Frontend Styles ========= */

/* ========= LATO – LOCAL FONT ========= */
@font-face{
  font-family: 'Lato';
  src: url('https://urstrom-jerseys.de/wp-content/uploads/2025/12/Lato-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.hsf-wrap{
  background: #fffaf2;
  padding: 12px;
  border-radius: 16px;
  font-family: 'Lato', Arial, sans-serif;
}

.hsf-wrap *{
  font-family: 'Lato', Arial, sans-serif;
}

#hsf-map{
  height: 600px;
  border-radius: 14px;
  margin-top: 8px;
}

.hsf-toolbar{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.hsf-toolbar input,
.hsf-toolbar select{
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-family: 'Lato', Arial, sans-serif;
}

.hsf-toolbar button{
  padding: 10px 14px;
  border: none;
  border-radius: 8px;
  background: #0ea5e9;
  color: #fff;
  cursor: pointer;
  font-family: 'Lato', Arial, sans-serif;
}

.hsf-toolbar button.secondary{ background: #64748b; }

#hsf-list{
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 8px;
}

#hsf-list .hsf-card{
  padding: 10px;
  border: 1px solid #eee;
  border-radius: 10px;
}