/* Forked from assets/css/look-themeless.css at 8172f25 (Standard, wave 1). Mint's copy is frozen; this one is Standard's. */
/* Standard's half of the THEMELESS look: every rule of look-themeless.css that
   named the Mint layout, renamed. look-themeless.css itself is not edited and
   stays the last stylesheet; its generic rules (cards, buttons, the page) reach
   Standard as they reach every layout. Every selector starts with
   html[data-look="themeless"], so for a themed player this file matches nothing. */

/* Inside the Mint frame a primary is the ACTION colour, not game.css's blue
   (which there is the information colour). concept-std.css already says so
   in <main> and in dialogs at a heavier weight than the rules above; these are
   the places it said so at a lighter one — the desk rail, a sheet outside
   <main> — and the hover, where its brightness filter is replaced by the same
   border step as everywhere else. Not on a disabled one: concept-std.css
   draws those as a quiet panel, and that rule must keep winning. */

html[data-look="themeless"] .concept-std .btn--primary:not(:disabled),
html[data-look="themeless"] .concept-std ~ dialog.modal .btn--primary:not(:disabled) {
  background: var(--st-accent);
  border-color: var(--st-accent);
}

html[data-look="themeless"] .concept-std .btn--primary:not(:disabled):hover,
html[data-look="themeless"] .concept-std ~ dialog.modal .btn--primary:not(:disabled):hover {
  background: var(--st-accent);
  border-color: var(--st-text);
  filter: none;
}

/* The Mint call-to-action: its hover brightened the whole button. */

html[data-look="themeless"] .st-cta:hover {
  filter: none;
  border-color: var(--st-text);
}

/* The kit's bottom sheet, phone and desk alike: flat, with the 1px line it
   already draws. */

html[data-look="themeless"] .st-sheet { box-shadow: none; }

/* ---------- 9. The Mint hero, as a plain header ----------------------------
   ui/concept/standard/kit.js does not build the banner under this look, so a hero
   rendered now is already the `--plain` form. These rules draw EVERY hero that
   way, including one rendered before the switch that still holds its image:
   the image hidden, the body back in flow, the floor that keeps a title-only
   header from collapsing, and the plain form's border — on a flat panel
   instead of its glow and gradient. */

html[data-look="themeless"] .st-hero__img { display: none; }

html[data-look="themeless"] .st-hero {
  display: flex; flex-direction: column; justify-content: flex-end;
  min-height: 104px;
  border: 1px solid var(--st-line);
  background: var(--st-panel);
}

html[data-look="themeless"] .st-hero::after { background: none; }

html[data-look="themeless"] .st-hero .st-hero__body {
  position: static; padding: 12px;
}

html[data-look="themeless"] .st-hero__title,
html[data-look="themeless"] .st-hero__sub { text-shadow: none; }

html[data-look="themeless"] .st-hero__back,
html[data-look="themeless"] .st-hero__switch > * { filter: none; }

/* The crest: a flat badge with a line, in flow at the left the way the plain
   hero places it, so it can never sit on a title that no longer has a banner
   to be pinned to. */

html[data-look="themeless"] .st-hero__crest {
  position: static; margin: 10px 0 -4px 12px;
  border-color: var(--st-line);
  background: var(--st-panel-raised);
  box-shadow: none;
}

/* A decorative banner inside a card goes with the heroes. */

html[data-look="themeless"] .st-card > .st-art--banner,
html[data-look="themeless"] .st-fold__body > .st-art--banner { display: none; }

/* The chevrons still turn — the turned state is how an open fold says so — but
   they snap instead of easing, and the toggle's knob jumps. */

html[data-look="themeless"] .st-fold__chevron,
html[data-look="themeless"] .st-disclosure__chevron,
html[data-look="themeless"] .st-toggle__knob { transition: none; }

/* #333's 3D view was built beside this look, not on it, so its effects are
   answered here. The lit markers (the pressed camera chip's underline, the
   in-flight row and the tapped fleet's side bar) stay markers: a flat accent
   tint, the same one the current sub-tab uses, in place of the inset bar. The
   docked sheet loses its drop shadow and keeps its 1px line, the edge tabs'
   arrows snap like the fold chevrons, and the slid-up bar and slid-down strip
   appear without sliding. */

html[data-look="themeless"] .concept-std .st-sv-cam__btn[aria-pressed="true"],
html[data-look="themeless"] .concept-std .st-sv-flight--on,
html[data-look="themeless"] .concept-std .st-sv-panel .st-sv-flight--on,
html[data-look="themeless"] .concept-std .st-sv-panel__fleet--on {
  box-shadow: none;
  background: var(--st-accent-bg);
}

html[data-look="themeless"] .concept-std .st-sheet.st-sheet--sv-immersive { box-shadow: none; }

html[data-look="themeless"] .concept-std .st-sv-edgetab--top .st-sv-edgetab__glyph,
html[data-look="themeless"] .concept-std .st-sv-edgetab--bottom .st-sv-edgetab__glyph { transition: none; }

html[data-look="themeless"] .concept-std .st-sv-navbar,
html[data-look="themeless"] .concept-std .st-sv-subnav { animation: none; }

/* Standard's measured overflow and row hover have flat Themeless answers. */
html[data-look="themeless"] .concept-std .st-strip[data-overflow] > nav,
html[data-look="themeless"] .concept-std [data-cm-fade] { mask-image: none; -webkit-mask-image: none; }
html[data-look="themeless"] .concept-std .st-overflow-cue { border-left: 1px solid var(--st-line); }
html[data-look="themeless"] .concept-std [data-cm-fade="down"],
html[data-look="themeless"] .concept-std [data-cm-fade="both"] { border-bottom: 1px solid var(--st-line); }
html[data-look="themeless"] .concept-std [data-cm-fade="up"],
html[data-look="themeless"] .concept-std [data-cm-fade="both"] { border-top: 1px solid var(--st-line); }
html[data-look="themeless"] .concept-std.concept-std--desk table tbody tr:hover { background: var(--st-panel-raised); }