/* ===== Layout: fullscreen split, left form (white) + right hero ===== */
#header {
    display: none!important;
    position: relative;
    z-index: 50;
}
.elementor-location-footer {
    display: none!important;
}
.auth-full{
  min-height:100vh;
  display:flex;
  align-items:stretch;
}

/* Left: white column with centered form */
.auth-left{
  flex:0 0 560px;
  background:#fff;
  display:flex;
  align-items:center;       /* vertical centering */
  justify-content:center;   /* horizontal centering of the card */
  padding: clamp(24px, 6vw, 64px);
  box-shadow: 0 0 0 1px rgba(0,0,0,.03);
}

/* Right: cover image */
.auth-right{
  flex:1 1 auto;
  background:#f3f4f6 no-repeat center/cover;
  min-height:320px;
}

/* Responsive: hide the hero on small screens */
@media (max-width: 992px){
  .auth-full{flex-direction:column;}
  .auth-left{flex-basis:auto; min-height:100vh;}
  .auth-right{display:none;}
}

/* ===== Form styles ===== */
.auth-card{width:100%; max-width:420px;}
.auth-tabs{display:flex; gap:8px; margin-bottom:16px;}
.tab-btn{
  flex:1; padding:10px 12px; border:1px solid #e5e7eb;
  background:#f9fafb; border-radius:10px; cursor:pointer; font-weight:600;
}
.tab-btn.active{background:#111827; color:#fff; border-color:#111827;}
.tab-panel.hidden{display:none;}

label{display:block; font-size:14px; color:#374151; margin:10px 0 6px;}
input[type=text], input[type=password], input[type=email]{
  width:100%; padding:10px 12px; border:1px solid #e5e7eb;
  border-radius:10px; outline:0; background:#fff;
}
.inline{display:flex; gap:8px;}
.inline input{flex:1;}

.btn-primary, .btn-secondary{
  padding:3px 14px; border-radius:10px; font-size: 12px;border:0; cursor:pointer;
}
.btn-primary{background:#111827; color:#fff; margin-top:14px; width:100%;}
.btn-secondary{background:#e5e7eb; white-space:nowrap;}

.remember{display:flex; align-items:center; gap:6px; margin-top:8px;}

.auth-msg{margin-top:14px; min-height:20px; opacity:0; transition:opacity .2s;}
.auth-msg.show{opacity:1;}
.auth-msg.success{color:#059669;}
.auth-msg.error{color:#dc2626;}
