/*
 * File: cadastro-customizado-lojista/assets/css/ccl-forms.css
 *
 * Estilos auxiliares para os formulários do Elementor Pro usados no fluxo de cadastro/edição:
 * - Ajuste visual de campos de senha com botão "mostrar/ocultar".
 * - Mensagens de erro inline.
 * - Ocultação de campos técnicos (ex.: user_login) quando forçado a ser e-mail.
 */

 .ccl-hidden{display:none!important;}

.ccl-password-field{position:relative;}
.ccl-toggle-password{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  padding:6px;
  cursor:pointer;
  line-height:0;
}
.ccl-toggle-password svg{width:20px;height:20px;display:block;opacity:.75;}
.ccl-toggle-password.is-on svg{opacity:1;}

.ccl-inline-error{
  margin: 0 0 12px 0;
  padding: 10px 12px;
  border-left: 4px solid #d63638;
  background: #fff5f5;
  color: #111;
  font-size: 14px;
}

.ccl-form{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:420px;
}
.ccl-form input{padding:10px 12px;}
.ccl-form button{padding:10px 12px;cursor:pointer;}

.ccl-notice{
  margin: 10px 0;
  padding: 10px 12px;
  border-left: 4px solid #2271b1;
  background: #f0f6fc;
}
.ccl-notice-error{border-left-color:#d63638;background:#fff5f5;}
.ccl-notice-success{border-left-color:#00a32a;background:#f0fff4;}

/* Readonly fields */
.ccl-readonly { opacity: .8; }