/* Floating Get the app pill. Fixed bottom-right, not in the site top.
   Colours use !important so site link styles such as body.rcr a { color:#000 }
   cannot hide the gold text on the navy pill. */
.wn-get-app{
  position:fixed;
  right:max(16px, env(safe-area-inset-right, 0px));
  bottom:max(16px, env(safe-area-inset-bottom, 0px));
  z-index:40;
  display:flex;
  align-items:center;
  gap:6px;
  box-sizing:border-box;
  max-width:calc(100vw - 32px);
  padding:6px 6px 6px 8px;
  border:2px solid #d4af37;
  border-radius:999px;
  background:#0c1220;
  color:#e6c869 !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  box-shadow:0 8px 20px rgba(12,18,32,.45);
}
.wn-get-app a,
.wn-get-app a:link,
.wn-get-app a:visited,
.wn-get-app a:active{
  display:flex;
  align-items:center;
  gap:8px;
  padding:2px 6px 2px 2px;
  color:#e6c869 !important;
  text-decoration:none !important;
  font-size:14px;
  font-weight:800;
  line-height:1;
  background:transparent !important;
}
.wn-get-app a:hover,
.wn-get-app a:focus,
.wn-get-app a:focus-visible{
  color:#ffffff !important;
  text-decoration:none !important;
  background:transparent !important;
}
.wn-get-app span{
  color:inherit !important;
}
.wn-get-app img{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:block;
  border-radius:50%;
}
.wn-get-app-x{
  appearance:none;
  flex:0 0 28px;
  width:28px;
  height:28px;
  margin:0;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#e6c869 !important;
  font:800 18px/28px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  cursor:pointer;
}
.wn-get-app-x:hover,
.wn-get-app-x:focus-visible{
  background:#1b2540 !important;
  color:#ffffff !important;
}
.wn-get-app-ww{border-color:#FFD400}
.wn-get-app-wwc{box-shadow:0 8px 20px rgba(12,18,32,.45), 0 0 0 1px #8b1a1a}
.wn-get-app-rcr{border-color:#C4A05A}
@media (max-width:699.98px){
  .wn-get-app a,
  .wn-get-app a:link,
  .wn-get-app a:visited,
  .wn-get-app a:active{font-size:13px}
  .wn-get-app img,
  .wn-get-app-x{width:26px;height:26px;flex-basis:26px;line-height:26px}
}

body:has(.cm-sheet.is-open) .wn-get-app,
body:has(.cc-card) .wn-get-app{display:none}