/* 20261114ui-ww1za PREVIEW ONLY (Jon t743u / t744u).
   Play and Restart sit in a row directly above #tour-text on every tour card
   (opening card and later stops). Play is flush left; Restart is immediately
   to its right. Buttons keep the same small outlined size as the old footer
   pair. Begin the Tour, Sources, Additional information, Data and Arsenal
   stay where they were. Loaded after tour-tp3.css and pm1.css. */

#tourbar .tour-play-group{
  display:inline-flex;align-items:center;justify-content:flex-start;
  gap:6px;margin:4px 0 2px;min-width:0;max-width:100%;flex-wrap:wrap;
}
#tourbar .tour-play-group .tour-narr-restart,
#tourbar .tour-play-group .tour-narr-play{
  display:inline-flex;align-items:center;justify-content:center;
  box-sizing:border-box;white-space:nowrap;flex:0 0 auto;
  min-height:32px;padding:5px 12px;
  background:rgba(255,255,255,.07);border:1px solid var(--line);color:var(--text);
  border-radius:10px;cursor:pointer;line-height:1.2;font:inherit;font-size:13px;
}
#tourbar .tour-play-group .tour-narr-play{min-width:92px;font-weight:600}
#tourbar .tour-play-group .tour-narr-restart,
.tour-play-group .tour-narr-restart{
  min-width:84px !important;width:auto !important;flex-shrink:0 !important;
  white-space:nowrap !important;overflow:visible !important;
}

#tourbar .tour-play-group .tour-narr-play:disabled,
#tourbar .tour-play-group .tour-narr-restart:disabled{opacity:.4;cursor:default}
#tourbar .tour-play-group .tour-narr-play.is-playing,
#tourbar .tour-play-group .tour-narr-play[aria-pressed="true"]{
  background:rgba(62,199,184,.22);border-color:rgba(62,199,184,.55);
}
#tourbar .tour-play-group .tour-narr-restart:hover,
#tourbar .tour-play-group .tour-narr-play:hover{background:rgba(255,255,255,.11)}
#tourbar .tour-play-group .tour-narr-restart:focus-visible,
#tourbar .tour-play-group .tour-narr-play:focus-visible{outline:2px solid var(--accent,#3ec7b8);outline-offset:2px}

body.theme-light #tourbar .tour-play-group .tour-narr-restart,
body.theme-light #tourbar .tour-play-group .tour-narr-play{
  background-color:rgba(30,45,90,.06);color:var(--text);
}
body.theme-light #tourbar .tour-play-group .tour-narr-restart:hover,
body.theme-light #tourbar .tour-play-group .tour-narr-play:hover{background-color:rgba(30,45,90,.13)}
body.theme-light #tourbar .tour-play-group .tour-narr-play.is-playing,
body.theme-light #tourbar .tour-play-group .tour-narr-play[aria-pressed="true"]{
  background:rgba(20,150,138,.16);border-color:rgba(20,150,138,.55);
}

/* Opening card: Play/Restart no longer live in the footer, so hide the empty Back/Next row.
   Begin the Tour stays in .tour-ctl. Overrides pm1.css body.tour-opening .tour-nav{display:flex !important}. */
body.tour-opening .tour-ctl .tour-nav{display:none !important}

/* Stops: footer is Back (left) and Next (right) only. */
.tour-ctl .tour-nav{
  display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;
  width:100%;flex:1 1 100%;
}
.tour-ctl .tour-nav #tour-prev{justify-self:start}
.tour-ctl .tour-nav-end{display:inline-flex;align-items:center;justify-self:end}

/* Phone: keep the same small outlined size (Jon t744u). Footer is two controls, no overflow. */
body.owh-m #tourbar .tour-play-group{margin:4px 0 2px}
body.owh-m #tourbar .tour-play-group .tour-narr-restart,
body.owh-m #tourbar .tour-play-group .tour-narr-play{
  min-height:32px;padding:5px 12px;font-size:13px;min-width:0;
}
body.owh-m #tourbar .tour-play-group .tour-narr-play{min-width:92px}
/* ww1za (Jon t744u): keep the word Restart visible on a 390-wide phone. */
body.owh-m #tourbar .tour-play-group .tour-narr-restart{
  min-width:84px !important;width:auto !important;overflow:visible !important;
  white-space:nowrap;
}
body.owh-m .tour-ctl .tour-nav{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:8px !important;
}
body.owh-m .tour-ctl .tour-nav-end{display:inline-flex !important;width:auto;justify-self:end}
body.owh-m .tour-ctl .tour-nav-end #tour-next{width:auto;flex:none}
body.owh-m.tour-opening .tour-ctl .tour-nav{display:none !important}

/* Short stacked opening/stop cards: keep the row compact, do not grow the buttons. */
body.tour-left-stacked.tour-stack-short #tour-left-stack .tour-play-group{margin:2px 0 1px}
body.tour-left-stacked.tour-stack-short #tour-left-stack .tour-play-group .tour-narr-restart,
body.tour-left-stacked.tour-stack-short #tour-left-stack .tour-play-group .tour-narr-play{
  min-height:26px;padding:3px 10px;font-size:12.5px;
}
body.tour-left-stacked.tour-stack-short #tour-left-stack .tour-play-group .tour-narr-play{min-width:84px}