/* JJ Workspace — Product Library front-end authentication bridge */

.jj-pl-jjw-modal .jj-pl-jjw-auth{
  width:100%;
}

.jj-pl-jjw-modal .jj-pl-jjw-auth__field{
  margin:0 0 17px;
  text-align:left;
}

.jj-pl-jjw-modal .jj-pl-jjw-auth__field label{
  display:block;
  margin:0 0 7px;
  color:#2C2B29;
  font:400 17px/1.25 "Cormorant Garamond",Georgia,serif;
}

.jj-pl-jjw-modal .jj-pl-jjw-auth__field input{
  display:block;
  width:100%;
  min-height:50px;
  margin:0;
  padding:12px 14px;
  border:1px solid rgba(44,43,41,.22);
  border-radius:0;
  outline:0;
  background:#fff;
  color:#2C2B29;
  font:400 16px/1.2 Arial,Helvetica,sans-serif;
  box-shadow:none;
  -webkit-appearance:none;
  appearance:none;
}

.jj-pl-jjw-modal .jj-pl-jjw-auth__field input:focus{
  border-color:#D2A46B;
  box-shadow:0 0 0 1px rgba(210,164,107,.22);
}

.jj-pl-jjw-modal .jj-pl-jjw-auth__remember{
  display:flex;
  align-items:center;
  gap:9px;
  margin:2px 0 20px;
  color:rgba(44,43,41,.72);
  font:400 16px/1.35 "Cormorant Garamond",Georgia,serif;
  cursor:pointer;
}

.jj-pl-jjw-modal .jj-pl-jjw-auth__remember input{
  width:15px;
  height:15px;
  margin:0;
  accent-color:#D2A46B;
}

.jj-pl-jjw-modal .jj-pl-jjw-auth__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.jj-pl-jjw-modal .jj-pl-jjw-auth__error{
  min-height:20px;
  margin:12px 0 0!important;
  color:#8c3f34;
  font:400 14px/1.4 Arial,Helvetica,sans-serif!important;
  text-align:left;
}

.jj-pl-jjw-modal .jj-pl-jjw-auth__switch{
  margin:22px 0 0!important;
  color:rgba(44,43,41,.68);
  font:400 17px/1.45 "Cormorant Garamond",Georgia,serif!important;
}

.jj-pl-jjw-modal .jj-pl-jjw-auth__switch button{
  margin:0;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#D2A46B!important;
  font:400 17px/1.45 "Cormorant Garamond",Georgia,serif!important;
  text-decoration:underline!important;
  text-underline-offset:4px;
  cursor:pointer;
}

.jj-pl-jjw-modal .jj-pl-jjw-auth__switch button:hover,
.jj-pl-jjw-modal .jj-pl-jjw-auth__switch button:focus-visible{
  color:#2C2B29!important;
  transform:none!important;
}

.jj-pl-jjw-modal .jj-pl-jjw-auth__submit{
  min-width:150px;
}

@media(max-width:767px){
  .jj-pl-jjw-modal .jj-pl-jjw-auth__field input{
    min-height:52px;
    font-size:16px!important;
  }

  .jj-pl-jjw-modal .jj-pl-jjw-auth__actions{
    flex-direction:column;
  }

  .jj-pl-jjw-modal .jj-pl-jjw-auth__actions .jj-pl-jjw-button,
  .jj-pl-jjw-modal .jj-pl-jjw-auth__submit{
    width:100%!important;
    min-height:48px;
  }
}