/* map-logo.css - the CWSI logo watermark on the website's maps (flights/js/map-logo.js; owner 2026-11-08). 70% opacity,
   top right; the light logo on a light map, the dark one when the map is drawn dark (map-dark on the map's container,
   ms-dark on the profile page's example maps). map-logo.js sets the size and the top (under any top right controls). */
.cwsi-map-logo {
  position: absolute; top: 14px; right: 14px; width: 140px; height: 34px; z-index: 1;
  background: url(/images/logo-map.png?v=1) no-repeat right top / contain;
  opacity: .7; pointer-events: none; -webkit-user-select: none; user-select: none;
}
.map-dark .cwsi-map-logo, .ms-frame.ms-dark .cwsi-map-logo { background-image: url(/images/logo-map-dark.png?v=1); }
.cwsi-map-logo-pane { pointer-events: none; }
@media (max-width: 767px) {
  .cwsi-map-logo { top: 10px; right: 10px; width: 96px; height: 23px; }
}
/* Profile > Settings > Map settings, "Show the CWSI logo on the map" (profile/js/map-logo-setting.js): On and Off example
   maps side by side, the current one outlined like the Map appearance choices. */
.cwsi-map-logo.cwsi-map-logo-xs { top: 8px; right: 8px; width: 72px; height: 17px; }
.profile-page .ms-logo-ex { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-width: 520px; margin-top: 8px; }
.profile-page .ms-logo-pick { display: block; width: 100%; min-height: 44px; margin: 0; padding: 4px; border: 2px solid var(--pf-line, #d0d7de); border-radius: 10px; background: var(--pf-bg, #fff); font: inherit; text-align: left; cursor: pointer; }
.profile-page .ms-logo-pick .ms-frame { display: block; margin: 0; }
.profile-page .ms-logo-pick.on { border-color: var(--pf-btn, #1078b3); box-shadow: 0 0 0 2px rgba(16,120,179,.25); }
.profile-page .ms-logo-pick:focus-visible { outline: 3px solid var(--pf-accent, #1078b3); outline-offset: 2px; }