/* === CLD Login enforced layout === */
:root{
  --cld-bg:#f6f5f3;
  --cld-card-bg:#ffffff;
  --cld-brand:#d82424; /* ajuste se necessário */
  --cld-brown:#5b2d1a;
  --cld-muted:#c9b49e;
  --cld-shadow: 0 24px 60px rgba(0,0,0,.18);
  --cld-radius:16px;
  --cld-space:24px;
  --cld-space-lg:36px;
}
body.login{
  background: var(--cld-bg) !important;
}
/* Esconde logo WP */
.login h1 { display:none !important; }

/* Estrutura geral: centraliza verticalmente */
.cld-frame{
  min-height: 100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 24px;
  box-sizing: border-box;
}

/* Cartão 2 colunas */
.cld-card{
  display:grid;
  grid-template-columns: 1fr 1fr;
  width: 980px;
  max-width: 96vw;
  background: var(--cld-card-bg);
  border-radius: var(--cld-radius);
  box-shadow: var(--cld-shadow);
  overflow:hidden;
}

/* Lado esquerdo (formulário) */
.cld-left{
  padding: 40px 44px 44px;
}
.cld-title{
  font-size: 32px;
  line-height: 36px;
  font-family: 'Roboto Slab', serif;
  color: #531806;
  font-weight: 600;
}
.cld-underline{
  width: 56px;
  height: 6px;
  background: var(--cld-muted);
  border-radius: 3px;
  margin: 15px auto 0 auto;
}

/* Ajusta container padrão do WP para caber no cartão */
body.login div#login{
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Zera o formulário para herdarmos o visual */
#loginform, #lostpasswordform, #registerform {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 18px !important;
}
#loginform p.submit{
  margin-top: 18px !important;
}

/* Labels e inputs */
#loginform label{
  font-size: 11px;
  font-weight: 700;
  color: #7a6b60;
  letter-spacing:.02em;
}
#user_login, #user_pass, #user_email, .input, input[type="text"], input[type="password"]{
  width:100% !important;
  border:1px solid #e4ded8 !important;
  border-radius:8px !important;
  height:44px !important;
  box-shadow:none !important;
  background:#fff !important;
  padding: 10px 12px !important;
}
#rememberme { transform: translateY(1px); }
.login form .forgetmenot label{ font-weight:500; color:#4d433d; }

/* Botão principal */
#wp-submit{
  background: var(--cld-brand) !important;
  border: 0 !important;
  height: 46px !important;
  border-radius:8px !important;
  text-transform: uppercase;
  letter-spacing:.06em;
  font-weight:700;
}
#wp-submit:hover{ filter: brightness(0.95); }

/* Links secundários */
#nav a, #backtoblog a{
  color:#4d433d !important;
}
#nav, #backtoblog{ text-align:center; }
#nav{ margin-top: 16px; }
#backtoblog{ margin-top: 8px; }

/* Lado direito com imagem */
.cld-right{
  position: relative;
  background: var(--cld-brand);
  min-height: 520px;
}
/* Logo sobre a imagem (opcional, usa brand.png do pacote) */
.cld-logo{
  position:absolute;
  inset:auto 42px 36px 42px;
  height: 120px;
  /*background: url('img/sprites/brand.png') no-repeat center/contain;*/
  filter: drop-shadow(0 6px 22px rgba(0,0,0,.24));
}

/* Responsivo */
@media (max-width: 880px){
  .cld-card{ grid-template-columns: 1fr; width: 560px; }
  .cld-right{ min-height: 220px; }
  .cld-logo{ height: 84px; inset: auto 24px 20px 24px; }
}
@media (max-width: 560px){
  .cld-card{ width: 96vw; }
}