/* P8 editorial spot icon cards — original, self-hosted SVG icon collection. */
/* Use the same calm Hokkaido blue vocabulary; no imagery is claimed to be an actual facility photo. */
#spots .photo.spot-icon-panel {
  min-height:122px;height:132px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:9px;position:relative;
  background:radial-gradient(circle at 81% 10%,rgba(255,255,255,.82),transparent 39%),
    linear-gradient(125deg,#e4f3fc,#cce5f4 64%,#dff0f9);
  border-bottom:1px solid #d4e7f3;
}
#spots .photo.spot-icon-panel::after { content:none !important; background:none !important; }
#spots .photo.spot-icon-panel img.spot-symbol {
  width:54px;height:54px;flex:none;padding:9px;border:1px solid rgba(37,124,166,.16);
  border-radius:17px;background:rgba(255,255,255,.78);
  box-shadow:0 7px 18px rgba(38,91,129,.1);object-fit:contain;
}
#spots .photo.spot-icon-panel .spot-category {
  color:#255d78;display:inline-flex;align-items:center;justify-content:center;
  min-height:21px;padding:1px 11px;font-size:11px;line-height:1.5;
  letter-spacing:.05em;font-weight:800;border-radius:99px;
  background:rgba(255,255,255,.76);border:1px solid rgba(48,126,165,.16);
}
#spots .photo.spot-icon-panel[data-spot-type="onsen"],
#spots .photo.spot-icon-panel[data-spot-type="food"],
#spots .photo.spot-icon-panel[data-spot-type="market"] {background:radial-gradient(circle at 80% 10%,#ffffffaa,transparent 45%),linear-gradient(126deg,#e5f3f8,#d5eaf3 65%,#edf8fc)}
#spots .photo.spot-icon-panel[data-spot-type="history"],
#spots .photo.spot-icon-panel[data-spot-type="museum"],
#spots .photo.spot-icon-panel[data-spot-type="shrine"],
#spots .photo.spot-icon-panel[data-spot-type="rail"] {background:radial-gradient(circle at 80% 10%,#ffffffc5,transparent 45%),linear-gradient(126deg,#ecf2fb,#dcebf8 65%,#f2f8fe)}
#spots .photo.spot-icon-panel[data-spot-type="nature"],
#spots .photo.spot-icon-panel[data-spot-type="forest"],
#spots .photo.spot-icon-panel[data-spot-type="farm"],
#spots .photo.spot-icon-panel[data-spot-type="flower"],
#spots .photo.spot-icon-panel[data-spot-type="park"] {background:radial-gradient(circle at 80% 10%,#ffffffc5,transparent 45%),linear-gradient(125deg,#e3f3f2,#d4e9e7 66%,#eefaf8)}
#spots .spot-alert{display:block;color:#8a470f;font-size:11px;font-weight:800;padding:4px 0 0}
/* These 30 English spot-category eyebrows duplicate the localized icon labels. */
#spots .card-body .eyebrow.spot-label-redundant{display:none}
@media(max-width:600px){
  #spots .photo.spot-icon-panel{height:121px;min-height:121px;gap:7px}
  #spots .photo.spot-icon-panel img.spot-symbol{width:50px;height:50px;padding:8px;border-radius:15px}
  #spots .photo.spot-icon-panel .spot-category{font-size:11px}
}