/* ============================================================
   18 — PAGE DE CONNEXION — BUZZ INSTORE
   ============================================================ */

html, body.login {
  background: #F4F2F7 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
}

body.login {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 40px 20px;
}

body.login h1,
#backtoblog,
#nav,
.privacy-policy-page-link {
  display: none !important;
}

.bis-login-wrap {
  width: 100%;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
}

.bis-login-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.bis-login-logo {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  overflow: hidden;
  background: #553A63;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bis-login-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 6px;
}

.bis-login-name {
  font-size: 22px;
  font-weight: 500;
  color: #2C2C2A;
  letter-spacing: -.01em;
}

.bis-login-tag {
  font-size: 12px;
  color: #888780;
}

.bis-login-card {
  width: 100%;
  background: #fff;
  border-radius: 16px;
  border: 0.5px solid rgba(85,58,99,0.15);
  padding: 28px 28px 20px;
}

.bis-login-title {
  font-size: 15px;
  font-weight: 500;
  color: #2C2C2A;
  text-align: center;
  margin-bottom: 20px;
}

#loginform {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#loginform label {
  font-size: 10px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  color: #888780 !important;
  display: block !important;
  margin-bottom: 5px !important;
}

#loginform input[type=text],
#loginform input[type=password],
#loginform input[type=email] {
  font-size: 13px !important;
  padding: 10px 13px !important;
  border-radius: 8px !important;
  border: 0.5px solid rgba(85,58,99,0.2) !important;
  background: #F9F7FB !important;
  color: #2C2C2A !important;
  box-shadow: none !important;
  width: 100% !important;
  margin-bottom: 14px !important;
  outline: none !important;
  transition: border-color .15s !important;
}

#loginform input[type=text]:focus,
#loginform input[type=password]:focus,
#loginform input[type=email]:focus {
  border-color: #553A63 !important;
  background: #fff !important;
}

#loginform .forgetmenot {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: #5F5E5A !important;
  margin-bottom: 16px !important;
}

#loginform .forgetmenot input[type=checkbox] {
  accent-color: #553A63 !important;
  width: auto !important;
  margin: 0 !important;
}

#loginform #wp-submit {
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 11px !important;
  border-radius: 9px !important;
  background: #553A63 !important;
  color: #fff !important;
  border: none !important;
  cursor: pointer !important;
  width: 100% !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: background .15s !important;
  height: auto !important;
}

#loginform #wp-submit:hover {
  background: #3A1F4A !important;
}

#login_error,
.message,
.success {
  border-radius: 8px !important;
  border-left: none !important;
  padding: 10px 14px !important;
  font-size: 12px !important;
  margin-bottom: 14px !important;
  box-shadow: none !important;
}

#login_error {
  background: #FCEBEB !important;
  color: #791F1F !important;
  border: 0.5px solid #F7C1C1 !important;
}

.message {
  background: #E6F1FB !important;
  color: #0C447C !important;
  border: 0.5px solid #B5D4F4 !important;
}

#nav a,
.bis-login-card a {
  color: #553A63 !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

#nav a:hover,
.bis-login-card a:hover {
  text-decoration: underline !important;
}

.bis-login-sep {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  margin-bottom: 12px;
}

.bis-login-sep-line {
  flex: 1;
  height: 0.5px;
  background: rgba(85,58,99,0.12);
}

.bis-login-sep-text {
  font-size: 11px;
  color: #888780;
  white-space: nowrap;
}

.bis-login-footnote {
  font-size: 11px;
  color: #888780;
  text-align: center;
  line-height: 1.7;
}

.bis-login-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #E1F5EE;
  border-radius: 20px;
  padding: 5px 14px;
  font-size: 11px;
  color: #085041;
  font-weight: 500;
}

.bis-login-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #1D9E75;
  display: inline-block;
  flex-shrink: 0;
}

#login {
  width: 100% !important;
  padding: 0 !important;
}