/* css/packs/j3.css | Source: MonarqueXD_v95L_GUILDORIGINS.html lignes 58418-58477 (id="mx-fx-pack-j3-styles") */
/* ============================================================ */
/*  PACK J-ter — FORCE SPECIFICITE max sur titre               */
/*  Surcharge tous les autres packs avec spécificité supérieure */
/* ============================================================ */

html body.mx-on-login #login-screen .lx-card #lx-login-title,
html body #login-screen .lx-card #lx-login-title,
html body #login-screen #lx-login-title {
  font-size: 32px !important;
  letter-spacing: 0.02em !important;
  margin: 12px 0 4px !important;
  line-height: 1 !important;
  width: auto !important;
  max-width: 100% !important;
  display: block !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  transform: none !important;
  padding: 0 4px !important;
}

html body #login-screen .lx-card #lx-login-title em,
html body #login-screen #lx-login-title em {
  display: inline-block !important;
  font-size: inherit !important;
  text-shadow:
    0 1px 0 #6a3a00, 0 2px 0 #5e3300,
    0 3px 2px rgba(0, 0, 0, .85),
    0 0 6px rgba(255, 100, 30, .55),
    0 0 12px rgba(180, 20, 30, .45),
    1px 1px 0 #4a0000, -1px 1px 0 #4a0000 !important;
}

html body #login-screen .lx-card {
  overflow: hidden !important;
}

html body .mx-crown-wrapper svg {
  width: 60px !important;
}

@media (max-width: 480px) {
  html body #login-screen .lx-card #lx-login-title,
  html body #login-screen #lx-login-title {
    font-size: 26px !important;
  }
  html body .mx-crown-wrapper svg { width: 48px !important; }
}

@media (min-width: 768px) {
  html body #login-screen .lx-card #lx-login-title,
  html body #login-screen #lx-login-title {
    font-size: 38px !important;
  }
  html body .mx-crown-wrapper svg { width: 70px !important; }
}