/* ALFARI Theme 6.40.9 – mobile training presentation closure. Presentation only. */
body.alfari-app-view-training,
body[class*="mein-alfari"]:has([data-alfari-app-view="training"]){
  --tr-primary:#3157a4;
  --tr-primary-dark:#24447f;
  --tr-soft:#eef5ff;
  --tr-soft-line:#bfd0e7;
  --tr-ink:#1f2937;
}

/* Prevent action controls collapsing into vertical text on narrow mobile layouts. */
body.alfari-app-view-training .alfari-ui-secondary-wide-6409,
body[class*="mein-alfari"]:has([data-alfari-app-view="training"]) .alfari-ui-secondary-wide-6409{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  grid-column:1 / -1!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:52px!important;
  height:auto!important;
  margin:.75rem 0 0!important;
  padding:.8rem 1rem!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-align:center!important;
  line-height:1.25!important;
  box-sizing:border-box!important;
}

/* Training-mode toggle follows blue system, not historical lime. */
body.alfari-app-view-training .alfari-training-mode-switch button[aria-pressed="true"],
body[class*="mein-alfari"]:has([data-alfari-app-view="training"]) .alfari-training-mode-switch button[aria-pressed="true"]{
  border-color:var(--tr-primary)!important;
  background:var(--tr-primary)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.alfari-app-view-training .alfari-training-mode-switch button:focus-visible,
body[class*="mein-alfari"]:has([data-alfari-app-view="training"]) .alfari-training-mode-switch button:focus-visible{
  outline:3px solid var(--tr-primary)!important;
  outline-offset:3px!important;
}

/* Audio trainer: one clear blue primary action, quiet secondary controls. */
body.alfari-app-view-training .alfari-audio-trainer .alfari-ui-audio-primary-6409,
body[class*="mein-alfari"]:has([data-alfari-app-view="training"]) .alfari-audio-trainer .alfari-ui-audio-primary-6409{
  width:100%!important;
  min-height:52px!important;
  background:var(--tr-primary)!important;
  border-color:var(--tr-primary)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:850!important;
}
body.alfari-app-view-training .alfari-audio-trainer .alfari-ui-audio-secondary-6409,
body[class*="mein-alfari"]:has([data-alfari-app-view="training"]) .alfari-audio-trainer .alfari-ui-audio-secondary-6409{
  width:100%!important;
  min-height:50px!important;
  background:#fff!important;
  border:2px solid var(--tr-soft-line)!important;
  color:var(--tr-primary-dark)!important;
  -webkit-text-fill-color:var(--tr-primary-dark)!important;
  box-shadow:none!important;
  font-weight:800!important;
}
body.alfari-app-view-training .alfari-audio-trainer [data-audio-status],
body[class*="mein-alfari"]:has([data-alfari-app-view="training"]) .alfari-audio-trainer [data-audio-status]{
  background:var(--tr-soft)!important;
  border:1px solid var(--tr-soft-line)!important;
  color:var(--tr-ink)!important;
  -webkit-text-fill-color:var(--tr-ink)!important;
}
body.alfari-app-view-training .alfari-audio-trainer [data-audio-enable][aria-pressed="true"],
body[class*="mein-alfari"]:has([data-alfari-app-view="training"]) .alfari-audio-trainer [data-audio-enable][aria-pressed="true"]{
  background:var(--tr-primary)!important;
  border-color:var(--tr-primary)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Warm-up completion is a training primary action and follows blue system. */
body.alfari-app-view-training .alfari-ui-warmup-primary-6409,
body[class*="mein-alfari"]:has([data-alfari-app-view="training"]) .alfari-ui-warmup-primary-6409{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:54px!important;
  padding:.85rem 1rem!important;
  background:var(--tr-primary)!important;
  border:2px solid var(--tr-primary)!important;
  border-radius:16px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-align:center!important;
  line-height:1.25!important;
  font-weight:900!important;
  box-shadow:none!important;
}
body.alfari-app-view-training .alfari-ui-warmup-primary-6409:hover,
body.alfari-app-view-training .alfari-ui-warmup-primary-6409:focus-visible{
  background:var(--tr-primary-dark)!important;
  border-color:var(--tr-primary-dark)!important;
}

@media(max-width:620px){
  body.alfari-app-view-training .alfari-audio-trainer__actions{grid-template-columns:1fr!important;gap:.65rem!important}
  body.alfari-app-view-training .alfari-ui-secondary-wide-6409{font-size:1rem!important}
}