.elementor-25188 .elementor-element.elementor-element-6b892c57{--display:flex;}.elementor-25188 .elementor-element.elementor-element-64277a6c{text-align:center;font-size:26px;}/* Start custom CSS *//* =========================================================
   LOGIN PAGE – CSS PULITO (page-id-25188)
   Paid Member Subscriptions – Login
   NOTE: Traduzioni rimosse (gestite in functions.php)
   ========================================================= */

/* ===== BASE PAGINA ===== */
body.page-id-25188{
  background: #f4f6f8 !important;
}

/* ===== CONTENUTO ===== */
body.page-id-25188 .site-content{
  padding: 60px 20px !important;
}

/* ===== BOX LOGIN ===== */
body.page-id-25188 .login,
body.page-id-25188 form{
  position: relative !important;
  max-width: 420px !important;
  margin: 0 auto !important;
  padding: 92px 32px 32px 32px !important; /* spazio per logo */

  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 14px 34px rgba(0,0,0,0.12) !important;

  box-sizing: border-box !important;
}

/* =========================================================
   LOGO NEL BOX LOGIN (sostituisce Social/Hub)
   ========================================================= */
body.page-id-25188 .login::before,
body.page-id-25188 form::before{
  content: "" !important;
  position: absolute;
  top: 22px;
  left: 50%;
  transform: translateX(-50%);

  width: 180px;
  height: 48px;

  background-image: url("https://socialhubservizi.it/wp-content/uploads/logoM.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  pointer-events: none;
}

/* Disattiva eventuali residui ::after */
body.page-id-25188 .login::after,
body.page-id-25188 form::after{
  content: none !important;
}

/* ===== LABEL ===== */
body.page-id-25188 label{
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #111827 !important;
}

/* ===== INPUT ===== */
body.page-id-25188 input[type="text"],
body.page-id-25188 input[type="email"],
body.page-id-25188 input[type="password"]{
  width: 100% !important;
  padding: 12px 14px !important;
  font-size: 15px !important;

  border-radius: 10px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #111827 !important;

  box-sizing: border-box !important;
}

/* ===== FOCUS INPUT ===== */
body.page-id-25188 input:focus{
  outline: none !important;
  border-color: #2b6cb0 !important;
  box-shadow: 0 0 0 3px rgba(43,108,176,0.18) !important;
}

/* =========================================================
   MESSAGGIO ERRORE LOGIN – STILE (testo gestito da PMS/gettext)
   ========================================================= */
body.page-id-25188 .pms-error,
body.page-id-25188 .pms_error,
body.page-id-25188 .pms-form-errors,
body.page-id-25188 .pms-form-error,
body.page-id-25188 .pms-message.error,
body.page-id-25188 .pms-message.pms-error,
body.page-id-25188 .login-error,
body.page-id-25188 .error,
body.page-id-25188 p.error,
body.page-id-25188 p[class*="error"]{
  color: #dc2626 !important;          /* rosso */
  font-weight: 700 !important;
  text-align: center !important;
  margin: 14px 0 0 0 !important;
  line-height: 1.2 !important;
  font-size: 15px !important;
}

/* ===== CHECKBOX / REMEMBER ME ===== */
body.page-id-25188 p.login-remember,
body.page-id-25188 p[class*="login-remember"],
body.page-id-25188 .login-remember{
  margin: 14px 0 10px 0 !important;
}

body.page-id-25188 p.login-remember > label,
body.page-id-25188 p[class*="login-remember"] > label,
body.page-id-25188 .login-remember label{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #374151 !important;
}

body.page-id-25188 p.login-remember input[type="checkbox"],
body.page-id-25188 p[class*="login-remember"] input[type="checkbox"],
body.page-id-25188 .login-remember input[type="checkbox"]{
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

/* ===== BOTTONE LOGIN ===== */
body.page-id-25188 input[type="submit"],
body.page-id-25188 button[type="submit"]{
  width: 100% !important;
  margin-top: 14px !important;
  padding: 13px !important;

  background: #2b6cb0 !important;
  color: #ffffff !important;

  border: none !important;
  border-radius: 12px !important;

  font-weight: 800 !important;
  letter-spacing: 0.4px !important;
  cursor: pointer !important;
}

body.page-id-25188 input[type="submit"]:hover,
body.page-id-25188 button[type="submit"]:hover{
  filter: brightness(0.95) !important;
}

/* ===== LINK SOTTO ===== */
body.page-id-25188 .login-links,
body.page-id-25188 #nav,
body.page-id-25188 .login p:last-child{
  margin-top: 12px !important;
  text-align: center !important;
}

body.page-id-25188 a{
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #2b6cb0 !important;
  text-decoration: none !important;
}

body.page-id-25188 a:hover{
  text-decoration: underline !important;
}

/* ===== MOBILE ===== */
@media (max-width: 767px){

  body.page-id-25188 .site-content{
    padding: 30px 14px !important;
  }

  body.page-id-25188 .login,
  body.page-id-25188 form{
    padding: 86px 20px 24px 20px !important;
    border-radius: 14px !important;
  }

  /* logo più compatto */
  body.page-id-25188 .login::before,
  body.page-id-25188 form::before{
    top: 20px !important;
    width: 160px !important;
    height: 42px !important;
  }

  body.page-id-25188 input[type="text"],
  body.page-id-25188 input[type="email"],
  body.page-id-25188 input[type="password"]{
    font-size: 16px !important; /* no zoom iOS */
  }

  /* errore su UNA RIGA (mobile) */
  body.page-id-25188 .pms-error,
  body.page-id-25188 .pms_error,
  body.page-id-25188 .pms-form-errors,
  body.page-id-25188 .pms-form-error,
  body.page-id-25188 .pms-message.error,
  body.page-id-25188 .pms-message.pms-error,
  body.page-id-25188 .login-error,
  body.page-id-25188 .error,
  body.page-id-25188 p.error,
  body.page-id-25188 p[class*="error"]{
    white-space: nowrap !important;
    font-size: 14px !important;
  }
}/* End custom CSS */