/* Homepage Auth Modal Compact Overrides
   Scope: Only loaded on homepage via index.php
   Goal: Keep window medium-sized, reduce info density, maintain visual excellence
*/

/* Container sizing */
.auth-modal .auth-modal-content.liquid-glass {
  /* Medium width and height limits */
  width: min(92vw, 520px);
  max-width: 520px;
  max-height: 78vh;
  border-radius: 24px;
  overflow: hidden; /* prevent outer overflow */
}

/* Inner scroll area and padding */
.auth-modal .auth-box {
  padding: 2rem 1.75rem;
  max-height: calc(78vh - 56px); /* account for header/close */
  overflow-y: auto; /* scroll inside if needed */
  overscroll-behavior: contain;
}

/* Header close button sizing */
.auth-modal .auth-modal-header {
  padding: 0.5rem 0.5rem 0 0.5rem;
}
.auth-modal .auth-modal-close {
  width: 38px;
  height: 38px;
  border-radius: 12px;
}

/* Compress spacing of sections */
.auth-modal .logo-container { margin-bottom: 0.75rem; }
.auth-modal .welcome-section { margin-bottom: 0.75rem; }
.auth-modal .welcome-section h1 { font-size: 1.5rem; }
.auth-modal .welcome-section .subtitle { font-size: 0.95rem; opacity: 0.9; }

/* Keep the modal visually light: smaller security badge and tabs */
.auth-modal .security-badge { 
  transform: scale(0.9);
  margin-bottom: 0.75rem; 
  padding: 0.4rem 0.75rem;
}
.auth-modal .auth-tabs { gap: 0.5rem; margin-bottom: 0.75rem; }
.auth-modal .auth-tab-btn { padding: 0.6rem 1.1rem; font-size: 0.95rem; }

/* Form compacting */
.auth-modal .auth-form .form-group { margin-bottom: 0.85rem; }
.auth-modal .auth-form label { font-size: 0.95rem; }
.auth-modal .input-with-icon input { min-height: 46px; padding: 0.8rem 0.9rem 0.8rem 2.25rem; }
.auth-modal .input-with-icon i { left: 0.65rem; font-size: 0.95rem; }
.auth-modal .form-options { margin: 0.25rem 0 0.75rem; }

/* Button sizing */
.auth-modal .auth-submit-btn {
  min-height: 48px;
  padding: 0.85rem 1.25rem;
  font-size: 1rem;
}

/* Trim non-essential footer copy to reduce info load */
.auth-modal .auth-footer { display: none; }

/* Reduce visual noise from effects */
.auth-modal .logo-glow { opacity: 0.4; }

/* Ensure perfect centering for edge cases */
.auth-modal {
  position: fixed;
  inset: 0;
  display: none; /* toggled by JS */
}
.auth-modal[style*="display: block"] { display: block; }
.auth-modal .auth-modal-backdrop {
  position: absolute; inset: 0;
}
.auth-modal .auth-modal-content {
  position: absolute;
  top: 50%; left: 50%; transform: translate(-50%, -50%);
}

/* Tweak scrollbar for inner content (webkit) */
.auth-modal .auth-box::-webkit-scrollbar { width: 10px; }
.auth-modal .auth-box::-webkit-scrollbar-thumb { background: rgba(235,181,64,0.35); border-radius: 10px; }
.auth-modal .auth-box::-webkit-scrollbar-track { background: rgba(255,255,255,0.06); }