/* ===============================
   PAGINA ACCEDI - ID 19
   (brand brown #4b2e1e / #5c3a23, accent #d8946d)
================================ */

/* RESET BASE (solo su questa pagina se il file è enqueued solo qui) */
body { margin:0; font-family:'Inter',sans-serif; background:#fff; color:#333; }
a { color:inherit; text-decoration:none; }
ul,ol { list-style:none; }
button { border:none; background:none; cursor:pointer; }

/* Elimina margini/padding residui in pagina Accedi */
.page-id-19,
.page-id-19 body,
.page-id-19 main,
.page-id-19 .elementor-section,
.page-id-19 .elementor-container,
.page-id-19 .e-con,
.page-id-19 .e-con-inner {
  margin:0 !important;
  padding:0 !important;
  max-width:100% !important;
}
.page-id-19 { overflow-x:hidden; }

/* Contenitore generale */
.accedi-page{
  min-height:100vh;
  background:#f7dab8; /* puoi sostituire con il tuo gradient se vuoi */
  display:flex; align-items:center; justify-content:center;
  gap:2.5rem; padding:2rem;
}

/* Colonna sinistra (testi/brand) */
.accedi-left{
  flex:1; padding:4rem;
  display:flex; flex-direction:column; justify-content:center;
}
.accedi-left .logo{ max-width:500px !important; width:auto; height:auto; margin:0 0 2rem 0; }
.accedi-left h1{ font-size:2.2rem; color:#4b2e1e; margin:1.5rem 0 1rem 2rem; }
.accedi-left p{ font-size:1.1rem; color:#5a3c2a; line-height:1.5; margin-left:2rem; }

/* Social */
.social-links{ display:flex; gap:2rem; margin-top:4rem; margin-left:2rem; }
.social-links a{
  display:flex; align-items:center; justify-content:center;
  width:42px; height:42px;
  background:rgba(255,255,255,.9);
  border-radius:50%;
  color:#5c3a23;
  font-size:1.2rem;
  transition:.3s;
}
.social-links a:hover{ background:#5c3a23; color:#fff; transform:translateY(-3px); }

/* Colonna destra (form) */
.accedi-right{ flex:1; display:flex; justify-content:center; align-items:center; }

/* Box login */
.login-container{
  background:#fff;
  padding-block:2rem;
  padding-inline:2.75rem;      /* più respiro ai lati */
  border-radius:.75rem;
  box-shadow:0 8px 25px rgba(0,0,0,.1);
  width:100%;
  max-width:450px;
}
.login-container input{ width:100%; box-sizing:border-box; }

.login-container h2{
  font-size:1.8rem; margin-bottom:1.5rem; color:#4b2e1e; text-align:center;
}
.login-container label{
  display:block; margin-bottom:.3rem; font-weight:600; color:#4b2e1e;
}
.login-container input{
  padding:.8rem; margin-bottom:1rem;
  border:1px solid #d9c2a9; border-radius:.5rem; background:#fdfaf7;
}

/* Toggle password (Font Awesome) */
.pw-field{ position:relative; }
.pw-field > input{ padding-right:44px; box-sizing:border-box; }

.pw-toggle{
  position:absolute; right:10px; top:50%; transform:translateY(-50%);
  width:34px; height:34px;
  display:inline-flex; align-items:center; justify-content:center;
  border:0 !important; background:transparent !important; box-shadow:none !important;
  color:#4b2e1e;          /* marrone brand */
  cursor:pointer; border-radius:8px;
  appearance:none; -webkit-appearance:none;
}
.pw-toggle:hover, .pw-toggle:focus-visible{
  background:rgba(0,0,0,.06) !important;
  color:#2e2e2e;
  outline:none;
}
.pw-toggle i{ font-size:20px; line-height:1; }

/* switch occhio/occhio sbarrato */
.pw-toggle .icon-eye-off{ display:none; }
.pw-toggle[aria-pressed="true"] .icon-eye-on{ display:none; }
.pw-toggle[aria-pressed="true"] .icon-eye-off{ display:inline; }

/* CTA */
.login-container .btn-submit{
  width:100%; padding:.8rem;
  background:#5a3c2a; color:#fff; font-weight:600;
  border:0; border-radius:.5rem; cursor:pointer;
}
.login-container .btn-submit:hover{
  background:#d8946d; color:#4b2e1e;
}

/* Link registrati */
.register-text{ text-align:center; margin-top:1rem; }
.register-text a{ color:#d8946d; font-weight:600; text-decoration:none; }
.register-text a:hover{ text-decoration:underline; }

/* RIGA Ricordami */
.accedi-page .login-container .remember{
  display:inline-flex; align-items:center; justify-content:flex-start; gap:10px;
  margin:8px 0 16px; padding:0; width:auto; text-align:left; cursor:pointer; line-height:1.2;
}
.accedi-page .login-container .remember input[type="checkbox"]{
  width:18px !important; height:18px !important; margin:0; flex:0 0 auto;
  appearance:auto; accent-color:#d8946d;   /* accent brand */
}
.accedi-page .login-container .remember input[type="checkbox"]:focus-visible{
  outline:2px solid #d8946d; outline-offset:2px;
}

/* Woo notices */
.woocommerce-notices-wrapper, .woocommerce-error, .woocommerce-message, .woocommerce-info{
  margin-bottom:16px;
}
.woocommerce-error, .woocommerce-message, .woocommerce-info{
  padding:10px 12px; border-radius:10px;
}
.woocommerce-error{  background:#ffe9e9; border:1px solid #ffbdbd; color:#9c1c1c; }
.woocommerce-message{ background:#e9fbe9; border:1px solid #bfe6bf; color:#1e5f1e; }
.woocommerce-info{    background:#eef6ff; border:1px solid #cfe4ff; color:#274b7a; }

/* Responsive */
@media (max-width:900px){
  .accedi-page{ flex-direction:column; align-items:center; padding:2rem 1.5rem; gap:2rem; }
  .accedi-left{ align-items:center; padding:0; text-align:center; }
  .accedi-left .logo{ max-width:100%; width:auto; height:auto; margin:0 auto 1.5rem; display:block; }
  .accedi-left h1{ font-size:1.8rem; margin:0 0 1rem 0; }
  .accedi-left p{ font-size:1rem; margin:0; }
  .social-links{ justify-content:center; margin-left:0; }
  .accedi-right{ width:100%; }
}
@media (max-width:600px){
  .accedi-page{ padding:1rem; }
  .accedi-left .logo{ max-width:90%; min-height:70px; }
  .accedi-left h1{ font-size:1.5rem; }
  .accedi-left p{ font-size:.95rem; }
  .login-container{ padding:1.5rem; }
  .login-container h2{ font-size:1.5rem; }
  .login-container input, .login-container .btn-submit{ padding:.7rem; font-size:1rem; }
}

/*
 * MODIFICHE WOOCOMMERCE per pagina Accedi
 *
 * Nascondiamo il box "Registrati" e mostriamo solo "Accedi"
 * (lo shortcode [woocommerce_my_account] li mostrerebbe entrambi).
 */

/* * Usiamo la classe del template (.page-template-template-login) 
 * per essere sicuri che queste regole si applichino solo qui.
 */
.page-template-template-login .u-columns.col2-set {
  /* Forza il layout a colonna singola */
  display: block;
  width: 100%;
}

.page-template-template-login .u-columns .u-column2 {
  /* Nascondi la colonna "Registrati" */
  display: none;
}

.page-template-template-login .u-columns .u-column1 {
  /* Fai in modo che la colonna "Accedi" occupi tutto lo spazio */
  width: 100%;
  float: none;
}

/* Spaziatura extra per il form di login quando è solo */
.page-template-template-login .login-container .woocommerce {
  padding-top: 1rem;
}

/* =======================================================
   FLUSSO RECUPERO PASSWORD WOOCOMMERCE
   ======================================================= */
.woocommerce-lost-password .woocommerce,
.woocommerce-reset-password .woocommerce {
    max-width: 700px;
    width: 95%;
    margin: 40px auto;
    padding: 50px;
    background-color: #ffffff;
    border: 2px solid #f7dab8; /* Allineato ai colori del brand */
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(75, 46, 30, 0.1);
    box-sizing: border-box;
    display: block;
    position: relative;
}

.woocommerce-lost-password form.woocommerce-LostPassword,
.woocommerce-reset-password form.woocommerce-ResetPassword {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    width: 100% !important;
}

.woocommerce-lost-password .woocommerce p,
.woocommerce-reset-password .woocommerce p {
    font-size: 16px;
    line-height: 1.6;
    color: #444;
    margin-bottom: 20px;
    max-width: 100%;
}

.woocommerce-lost-password .woocommerce-form-row label,
.woocommerce-reset-password .woocommerce-form-row label {
    font-weight: 700;
    color: #4b2e1e;
    margin-bottom: 8px;
    display: block;
}

.woocommerce-lost-password .woocommerce-form-row .input-text,
.woocommerce-reset-password .woocommerce-form-row .input-text {
    padding: 12px 15px !important;
    background-color: #fdfaf7 !important;
    border: 1px solid #d9c2a9 !important;
    border-radius: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    height: 50px !important;
}

.woocommerce-lost-password .woocommerce button[type="submit"],
.woocommerce-reset-password .woocommerce button[type="submit"] {
    background-color: #5a3c2a !important;
    color: #ffffff !important;
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px 40px !important;
    border-radius: 50px !important;
    border: none;
    width: auto !important;
    min-width: 200px;
    margin-top: 20px !important;
    cursor: pointer;
    display: inline-block;
    transition: background 0.3s, transform 0.3s;
}

.woocommerce-lost-password .woocommerce button[type="submit"]:hover,
.woocommerce-reset-password .woocommerce button[type="submit"]:hover {
    background-color: #d8946d !important;
    color: #4b2e1e !important;
    transform: scale(1.02);
}

.woocommerce-ResetPassword p:last-of-type { text-align: center; }

@media (min-width: 769px) {
    .woocommerce-ResetPassword .woocommerce-form-row { width: 48%; float: left; margin-right: 4%; margin-bottom: 20px; }
    .woocommerce-ResetPassword .woocommerce-form-row:last-of-type,
    .woocommerce-ResetPassword p:last-of-type { width: 100%; float: none; clear: both; margin-right: 0; text-align: center; }
    .woocommerce-ResetPassword p.woocommerce-form-row label { min-height: 30px; display: block; }
}

@media (max-width: 768px) {
    .woocommerce-lost-password .woocommerce,
    .woocommerce-reset-password .woocommerce { padding: 25px !important; margin: 30px auto !important; }
    .woocommerce-lost-password .woocommerce button[type="submit"],
    .woocommerce-reset-password .woocommerce button[type="submit"] { width: 100% !important; }
}