/* THE NO. 1 BADGE (owner, 2026-11-08): a small gold shield with the app's
   puffin in black, bottom right of a place's photograph, only when the place
   is No. 1 on its country's World's Best list, overall or in a category.
   Hovering it reads "Best of Malta" or "Best museum in Malta". Markup from
   lib/best-badge.mjs (generated pages) and country-explore.js (country pages).
   Its parent must be position:relative; each page family sets that below. */
.mdbadge{position:absolute;right:10px;bottom:10px;z-index:2;width:36px;height:42px;
  background:url("images/app/best-shield.svg") center/contain no-repeat;
  display:flex;align-items:center;justify-content:center;padding-bottom:3px;box-sizing:border-box;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}
.mdbadge img{position:static !important;inset:auto !important;width:21px !important;height:21px !important;object-fit:contain;display:block;transform:none !important}
.mdbadge::after{content:attr(data-tip);position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);
  white-space:nowrap;background:#111;color:#fff;font:600 12px/1 'Inter',sans-serif;letter-spacing:0;text-transform:none;padding:7px 9px;opacity:0;pointer-events:none;transition:opacity .15s}
.mdbadge:hover::after{opacity:1}
/* Parents. */
.la-col.photo .ph,.vnear .dcard .thumb,.st-thumb,.act-th{position:relative}