/* ===========================================================
   Spacivo Highlight Strip — centered title above a horizontally-scrolling
   row of white tiles (image + text). Self-contained plugin CSS (no theme
   dependency beyond the theme's own .container wrapper). Title and tile
   text font/size/color come from inline styles (admin-configurable); this
   file only handles layout.
   =========================================================== */

.spacivo-hs-section { padding: 3rem 0; background: #FAF7F1; }
.spacivo-hs-heading { margin: 0 0 1.75rem; text-align: center; }

.spacivo-hs-track {
  display: flex; gap: 1.25rem; overflow-x: auto; scroll-behavior: smooth;
  padding: .5rem 1.5rem 1rem; scrollbar-width: thin;
}

.spacivo-hs-tile {
  flex: 0 0 190px; background: #fff; border-radius: 10px; padding: 1.5rem 1rem;
  display: flex; flex-direction: column; align-items: center; text-align: center;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
.spacivo-hs-tile__image {
  width: 84px; height: 84px; margin-bottom: 1rem;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.spacivo-hs-tile__image img { width: 100%; height: 100%; object-fit: contain; }
.spacivo-hs-tile__text { margin: 0; line-height: 1.4; font-weight: 600; }

.spacivo-hs-unconfigured-notice {
  font-size: .85rem; color: #a22022; background: #fff3f3; border: 1px dashed #a22022;
  padding: .75rem 1rem; margin: 1rem auto; max-width: 1280px;
}

@media (max-width: 600px) {
  .spacivo-hs-tile { flex-basis: 150px; padding: 1.25rem .85rem; }
  .spacivo-hs-tile__image { width: 64px; height: 64px; }
}