/* ==========================================================================
   MM · PLUGIN-SCHICHT
   --------------------------------------------------------------------------
   Nur fuer Buttons aus den eigenen Plugins (.mm-btn, .mms-btn, .mmst-btn,
   .mmp-btn, .ltd-blog-btn, Login). Diese Plugins geben ihr CSS als style-Block
   im Seitenkoerper aus - der steht im Dokument hinter dem Theme und gewinnt
   ohne !important. Deshalb hier, und nur hier, !important.

   Elementor-Buttons stehen bewusst NICHT in dieser Datei. Fuer sie gilt allein
   mm-buttons.css ohne !important - dadurch funktioniert der Stil-Reiter im
   Widget wieder fuer echte Ausnahmen.
   ========================================================================== */

.ltd-blog-btn,
.mm-btn,
.mms-btn,
.mms-login-submit,
.mms-login-google-button,
.mms-pw-toggle,
.mmst-btn,
.mmp-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:var(--mm-btn-h) !important;
  padding:var(--mm-btn-pad) !important;
  border:var(--mm-border) solid var(--mm-ink) !important;
  border-radius:var(--mm-r-control) !important;
  background-color:transparent !important;
  color:var(--mm-ink) !important;
  font-family:var(--mm-font-sans) !important;
  font-size:var(--mm-btn-size) !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  letter-spacing:var(--mm-btn-track) !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  text-align:center !important;
  cursor:pointer !important;
  box-shadow:0 0 0 rgba(67,119,187,0) !important;
  transition:background-color var(--mm-t) var(--mm-ease),
             border-color     var(--mm-t) var(--mm-ease),
             color            var(--mm-t) var(--mm-ease),
             box-shadow       var(--mm-t) var(--mm-ease),
             transform        220ms       var(--mm-ease) !important;
}

.ltd-blog-btn span,
.mm-btn span,
.mms-btn span{
  line-height:1.2 !important;
}

.ltd-blog-btn:hover,
.mm-btn:hover,
.mms-btn:hover,
.mms-login-submit:hover,
.mms-login-google-button:hover,
.mms-pw-toggle:hover,
.mmst-btn:hover,
.mmp-btn:hover{
  background-color:var(--mm-blue) !important;
  border-color:var(--mm-blue) !important;
  color:var(--mm-cream) !important;
  transform:translateY(var(--mm-lift)) !important;
  box-shadow:0 6px 16px rgba(67,119,187,.28) !important;
}

.ltd-blog-btn:active,
.mm-btn:active,
.mms-btn:active,
.mms-login-submit:active,
.mmst-btn:active,
.mmp-btn:active{
  transform:translateY(0) scale(.975) !important;
  box-shadow:0 1px 3px rgba(67,119,187,.30) !important;
  transition-duration:var(--mm-t-press) !important;
}

.mm-primary,
.mms-btn-primary,
.mms-login-submit{
  background-color:var(--mm-blue-soft) !important;
  border-color:var(--mm-blue-line) !important;
  color:var(--mm-blue) !important;
}

.mm-primary:hover,
.mms-btn-primary:hover,
.mms-login-submit:hover{
  background-color:var(--mm-blue) !important;
  border-color:var(--mm-blue) !important;
  color:var(--mm-cream) !important;
}

.mm-quiet,
.mms-btn-ghost,
.mms-pw-toggle{
  border-color:transparent !important;
  padding-left:16px !important;
  padding-right:16px !important;
}

.mm-quiet:hover,
.mms-btn-ghost:hover,
.mms-pw-toggle:hover{
  background-color:rgba(67,119,187,.10) !important;
  border-color:transparent !important;
  color:var(--mm-blue) !important;
  box-shadow:none !important;
}

.mms-btn-danger{
  border-color:var(--mm-danger) !important;
  color:var(--mm-danger) !important;
}

.mms-btn-danger:hover{
  background-color:var(--mm-danger) !important;
  border-color:var(--mm-danger) !important;
  color:var(--mm-cream) !important;
  box-shadow:0 6px 16px rgba(178,74,62,.26) !important;
}

.mm-sm,
.mms-btn-sm{
  min-height:36px !important;
  padding:9px 20px !important;
  font-size:13px !important;
}

.mm-block{
  display:flex !important;
  width:100% !important;
}

.mm-on-dark,
.mm-btn--dark,
.mm-dark .mm-btn{
  border-color:var(--mm-cream) !important;
  color:var(--mm-cream) !important;
}

.mm-on-dark:hover,
.mm-btn--dark:hover,
.mm-dark .mm-btn:hover{
  background-color:var(--mm-blue) !important;
  border-color:var(--mm-blue) !important;
  color:var(--mm-cream) !important;
}

.mm-btn[disabled],
.mms-btn[disabled]{
  opacity:.38 !important;
  pointer-events:none !important;
}

.mm-raw{
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background-color:transparent !important;
  font-size:inherit !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  box-shadow:none !important;
}

.mm-raw:hover,
.mm-raw:active{
  background-color:transparent !important;
  border-color:transparent !important;
  color:inherit !important;
  transform:none !important;
  box-shadow:none !important;
}

.mms-login-google-button{
  text-transform:none !important;
  letter-spacing:.01em !important;
  font-size:15px !important;
}

@media (max-width:767px){
  .ltd-blog-btn, .mm-btn, .mms-btn, .mms-login-submit, .mmst-btn, .mmp-btn{
    white-space:normal !important;
  }
}


/* --------------------------------------------------------------------------
   Ausnahme: Absende-Knoepfe in Elementor-Formularen
   Ein Plugin schreibt dafuer eine Regel als style-Block in die Seite
   ([type="submit"][type="submit"]). Die steht spaeter im Dokument und hat
   zwei Attribute - ohne !important gewinnt sie. Nur Form und Groesse werden
   hier zurueckgeholt, Farbe und Schrift bleiben beim Stil-Reiter.
   -------------------------------------------------------------------------- */
.elementor-form .elementor-button,
.elementor-button[type="submit"]{
  min-height:var(--mm-btn-h) !important;
  padding:var(--mm-btn-pad) !important;
  border:var(--mm-border) solid var(--mm-ink) !important;
  border-radius:var(--mm-r-control) !important;
}


/* --------------------------------------------------------------------------
   Das Herz auf den Video-Kacheln
   --------------------------------------------------------------------------
   Umgezogen am 19.08. aus dem Snippet "Globaler Button-Standard". Das
   Snippet hat saemtliche .elementor-button und .mm-btn gestaltet - und
   danach das Herz wieder ausgenommen, weil es als Knopf mitgefangen war.

   Der ausnehmende Teil wird hier nicht gebraucht: der Button-Standard
   dieser Dateien fasst das Herz gar nicht erst an, es traegt weder
   .mm-btn noch .elementor-button. Was bleibt, ist sein eigenes Aussehen -
   dunkler Kreis, weisses Zeichen. Ohne diese Zeilen waere es nach dem
   Abschalten des Snippets ein nackter Knopf.
   -------------------------------------------------------------------------- */
.mms-fav-toggle.mms-dashboard-video-fav{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background-color:rgba(57,52,52,.55) !important;
  border:none !important;
  border-radius:50% !important;
  color:#fff !important;
  padding:0 !important;
  font-size:16px !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  transform:none !important;
  box-shadow:none !important;
}

.mms-fav-toggle.mms-dashboard-video-fav:hover,
.mms-fav-toggle.mms-dashboard-video-fav:focus{
  background-color:rgba(57,52,52,.72) !important;
  transform:none !important;
  box-shadow:none !important;
}

/* --------------------------------------------------------------------------
   Nachwehen des Reset-Pink - die Plugin-Widgets im Einzelnen
   --------------------------------------------------------------------------
   Gegenstueck zu Abschnitt 7 in mm-buttons.css. Dort faellt nur der Rahmen,
   hier bekommt jedes betroffene Widget des Konto-Plugins die Farbe zurueck,
   die in seinem eigenen CSS ohnehin vorgesehen war.

   Bis zum 19.08. stand das zusammen mit dem Notnagel in einem Snippet.
   Getrennt, weil das eine die ganze Seite betrifft und das andere nur die
   Widgets aus million-minds-account.
   -------------------------------------------------------------------------- */

/* Video-Player (mms-player.css) - Kapitel auf der Fortschrittsleiste */
.mms-chapter-segment{
  border:none !important;
  border-right:1px solid rgba(255,255,255,.6) !important;
}

/* Hinweis "Seite X im Workbook" - dunkle Pille, weisse Schrift */
.mms-workbook-hint-btn{
  border:none !important;
  color:#fff !important;
}

/* Kapitel-Liste - kein Rahmen, dezenter Hover, aktive Zeile hellblau */
.mms-chapter-row{
  background:none !important;
  border:none !important;
}
.mms-chapter-row:hover{ background:rgba(0,0,0,.04) !important; }
.mms-chapter-row.is-active{ background:rgba(34,113,177,.1) !important; }

/* Anmelden/Registrieren (mms-login.css) - Reiter */
.mms-login-tab-btn{
  background:transparent !important;
  color:rgba(0,0,0,.6) !important;
}
.mms-login-tab-btn.is-active{
  background:#fff !important;
  color:#1a1a1a !important;
  box-shadow:0 1px 3px rgba(0,0,0,.12) !important;
}

/* "Noch keinen Account? Jetzt registrieren" - Umschalter als Knopf */
.mms-login-switch-link{
  background:none !important;
  color:#2271b1 !important;
  text-decoration:underline !important;
}

/* Anmelden - blau gefuellt, nicht weiss */
.mms-login-submit{
  background:#2271b1 !important;
  color:#fff !important;
}
.mms-login-submit:hover{ background:#195d8f !important; }

/* "Ausloggen" und "Passwort vergessen" hatten im Plugin nie eine eigene
   Farbe und fielen deshalb - auch ohne reset.css - auf den Browserwert. */
.mms-login-logout,
.mms-login-lostpassword a{
  color:rgba(0,0,0,.6) !important;
}

/* Reflexion-Reiter (mms-selftest-tabs.css)
   Derselbe Gleichstand wie oben, nur mit einem Nachspiel: bei angemeldeten
   Aufrufen gewann das Plugin-CSS, bei anonymen mit Hostinger-Optimierung
   gewann reset.css. Genau daher der lange gemeldete, im Code nie auffindbare
   Fehler, dass der aktive Reiter "Antworten" manchmal pink gefuellt war.
   Mit !important entscheidet die Ladereihenfolge nicht mehr mit. */
.mms-selftest-tab,
.mms-selftest-tab:focus,
.mms-selftest-tab:hover{
  background:none !important;
  color:rgba(57,52,52,.6) !important;
}
.mms-selftest-tab.is-active,
.mms-selftest-tab.is-active:focus,
.mms-selftest-tab.is-active:hover{
  background:#fff !important;
  color:#4377bb !important;
}