/* Cristalería Gaby — iniciar sesión, crear cuenta, contraseña y verificación
   en dos pasos con el diseño del sitio. Estas páginas SÍ cargan los assets de
   Odoo (Bootstrap + tema Orchid): todo va bajo .gw-acceso para ganarles, y el
   formulario de Odoo se viste sin tocar su marcado. sitio.css va antes. */

/* ---------- marco: sin el encabezado ni el pie del tema ---------- */
#wrapwrap:has(.gw-acceso){background:var(--paper)}
#wrapwrap:has(.gw-acceso)>header,#wrapwrap:has(.gw-acceso)>footer{display:none!important}
.gw-acceso{min-height:100vh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);
  font:400 1rem/1.65 var(--body);overflow-x:clip}
.gw-acceso h1,.gw-acceso h2,.gw-acceso h3{font-family:var(--display);font-weight:400}
.gw-acceso a{color:inherit}
/* barra y pie: Bootstrap también define .nav, .btn y los títulos */
.gw-acceso .nav{flex-wrap:nowrap;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}
.gw-acceso .site-header .btn-primary,.gw-acceso .site-header .btn-primary:hover,.gw-acceso .site-header .btn-primary:focus{border-color:transparent;box-shadow:none}
.gw-acceso .foot h4{font-family:var(--display);font-weight:400;color:var(--forest)}
.gw-acceso .foot ul{margin:0}

/* ---------- dos columnas: texto (bosque) y formulario (menta) ---------- */
.auth{flex:1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.auth-side{background:var(--forest);color:var(--paper);position:relative;overflow:hidden;padding-block:72px}
.auth-side::before{content:"";position:absolute;width:560px;aspect-ratio:1;border-radius:50%;background:var(--teal);right:-240px;bottom:-260px}
.auth-side .in{position:relative;display:grid;gap:22px;align-content:start;max-width:460px;margin-left:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:48px}
.gw-acceso .auth-side h1{font-size:clamp(2.6rem,5vw,4.2rem);line-height:.98;text-transform:uppercase;color:var(--paper);margin:0}
.gw-acceso .auth-side h1 em{font-style:normal;color:var(--mint)}
.auth-side .lead{color:#DDF0EA;font-size:1.05rem;font-weight:400;margin:0}
.auth-side ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.auth-side li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;color:#DDF0EA;font-size:.95rem}
.auth-side li svg{width:22px;height:22px;color:var(--mint);margin-top:2px}
.auth-main{background:var(--mint-soft);padding-block:72px}
.auth-main .in{max-width:480px;display:grid;gap:18px;padding-left:48px;padding-right:max(16px,env(safe-area-inset-right,0px))}
.gw-acceso .help{font-size:.9rem;color:var(--muted);margin:0}
.gw-acceso .help a{color:var(--teal-ink);font-weight:600;text-decoration:none}
.gw-acceso .help a:hover{text-decoration:underline}

/* ---------- tarjeta con el formulario de Odoo ---------- */
.auth-card{background:var(--paper);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);border:1px solid var(--line);
  --bs-body-color:var(--ink);--bs-border-color:var(--line);--bs-secondary-color:var(--muted);
  --bs-link-color-rgb:18,125,102;--bs-link-hover-color-rgb:13,74,61;color:var(--ink)}
.gw-acceso .auth-card form,.gw-acceso .auth-card .oe_login_form,.gw-acceso .auth-card .oe_signup_form,.gw-acceso .auth-card .oe_reset_password_form{max-width:none;margin:0;padding:0}
.gw-acceso .auth-card .mb-3{margin-bottom:18px!important}
.gw-acceso .auth-card .form-label,.gw-acceso .auth-card .col-form-label,.gw-acceso .auth-card label{
  font:600 .85rem/1.4 var(--body);color:var(--forest);margin:0 0 6px;padding:0}
.gw-acceso .auth-card .o_caps_lock_warning>.d-flex{align-items:baseline!important}
.gw-acceso .auth-card .form-control{background:var(--paper);color:var(--ink);border:1.5px solid var(--line);
  border-radius:12px;padding:.65em .9em;font:400 1rem/1.3 var(--body);box-shadow:none;min-height:48px}
.gw-acceso .auth-card .form-control::placeholder{color:#8AA19B;opacity:1}
.gw-acceso .auth-card .form-control:focus{border-color:var(--teal-ink);box-shadow:0 0 0 4px rgba(31,168,137,.18)}
.gw-acceso .auth-card .form-control[readonly]{background:var(--mint-soft);color:var(--muted)}
.gw-acceso .auth-card .input-group>.form-control{border-right:0;border-radius:12px 0 0 12px}
.gw-acceso .auth-card .input-group:focus-within>.form-control,.gw-acceso .auth-card .input-group:focus-within>.btn{border-color:var(--teal-ink)!important}
.gw-acceso .auth-card .input-group:focus-within>.form-control{box-shadow:none}
.gw-acceso .auth-card .input-group>.o_show_password{display:flex;align-items:center;background:var(--paper);color:var(--muted);
  border:1.5px solid var(--line)!important;border-left:0!important;border-radius:0 12px 12px 0;padding:0 14px;min-height:48px;transform:none}
.gw-acceso .auth-card .input-group>.o_show_password:hover{color:var(--forest);background:var(--paper)}

/* botones: el .btn del sitio (píldora con salto) se neutraliza dentro del formulario */
.gw-acceso .auth-card .btn{transform:none;box-shadow:none;letter-spacing:.04em}
.gw-acceso .auth-card .btn-primary{display:flex;width:100%;justify-content:center;background:var(--teal-ink);color:var(--paper);border:0;
  border-radius:var(--pill);min-height:50px;padding:.8em 1.4em;font:600 .95rem/1 var(--body);text-transform:uppercase}
.gw-acceso .auth-card .btn-primary:hover,.gw-acceso .auth-card .btn-primary:focus,.gw-acceso .auth-card .btn-primary:active{background:var(--forest);color:var(--paper)}
.gw-acceso .auth-card .btn-secondary,.gw-acceso .auth-card .btn-outline-primary,.gw-acceso .auth-card .btn-outline-secondary{
  display:flex;width:100%;justify-content:center;background:transparent;color:var(--forest);border:2px solid var(--forest);
  border-radius:var(--pill);min-height:48px;font:600 .9rem/1 var(--body);text-transform:uppercase}
.gw-acceso .auth-card .btn-secondary:hover,.gw-acceso .auth-card .btn-outline-primary:hover,.gw-acceso .auth-card .btn-outline-secondary:hover{background:var(--forest);color:var(--paper)}
.gw-acceso .auth-card .btn-link{display:inline;width:auto;min-height:0;background:none;border:0;padding:0;border-radius:0;
  font:600 .88rem/1.4 var(--body);text-transform:none;letter-spacing:0;color:var(--teal-ink);text-decoration:none}
.gw-acceso .auth-card .btn-link:hover{color:var(--forest);text-decoration:underline;text-underline-offset:3px}
.gw-acceso .auth-card .oe_login_buttons{gap:8px;padding-top:20px!important}
.gw-acceso .auth-card .oe_login_buttons>.btn-link,.gw-acceso .auth-card .oe_login_buttons>a{justify-self:center;margin-top:8px!important}
.gw-acceso .auth-card a:not(.btn):not(.list-group-item){color:var(--teal-ink);font-weight:600;text-decoration:none}
.gw-acceso .auth-card a:not(.btn):not(.list-group-item):hover{color:var(--forest);text-decoration:underline}

/* «o» y llave de acceso / usuarios recordados */
.gw-acceso .auth-card .o_login_auth em{color:var(--muted);font-style:normal;font-size:.82rem;margin:18px 0 12px!important}
.gw-acceso .auth-card .list-group{gap:8px;--bs-list-group-bg:transparent;--bs-list-group-border-color:var(--line)}
.gw-acceso .auth-card .list-group-item{background:transparent;color:var(--forest);border:2px solid var(--forest)!important;
  border-radius:var(--pill)!important;padding:12px 20px!important;font:600 .9rem/1.1 var(--body);transition:background .2s,color .2s}
.gw-acceso .auth-card .list-group-item:hover,.gw-acceso .auth-card .list-group-item-action:focus{background:var(--forest);color:var(--paper)}
.gw-acceso .auth-card .list-group-item i{color:inherit}

/* avisos */
.gw-acceso .auth-card .alert{border-radius:12px;padding:12px 14px;font-size:.9rem;margin:16px 0 0}
.gw-acceso .auth-card .alert-danger{background:#FDE8E2;color:#8E2F14;border:1px solid #F1B8A6}
.gw-acceso .auth-card .alert-success{background:#E3F6EC;color:#1C6F46;border:1px solid #B9E3CB}
.gw-acceso .auth-card .alert-info,.gw-acceso .auth-card .alert-warning{background:#FFF5E6;color:#5E3A0A;border:1px solid #F1D3A6}
.gw-acceso .auth-card .text-muted,.gw-acceso .auth-card .small,.gw-acceso .auth-card .form-text{color:var(--muted)!important}
.gw-acceso .auth-card .oe_structure:empty{display:none}

@media (max-width:860px){
  .auth{grid-template-columns:1fr}
  .auth-side{padding-block:44px}
  .auth-side .in{margin:0;max-width:none;padding-right:max(16px,env(safe-area-inset-right,0px))}
  .auth-side ul{display:none}
  .auth-main{padding-block:32px 56px}
  .auth-main .in{max-width:none;padding-left:max(16px,env(safe-area-inset-left,0px))}
  .auth-card{padding:22px}
}