/* Avisos de reposición de stock */
.csg-sa{margin-top:1em;width:100%;flex:0 0 100%}
.csg-sa[hidden]{display:none !important}
.csg-sa__toggle{background:none;border:0;padding:0;color:var(--primary);font-weight:600;font-size:14px;text-decoration:underline;cursor:pointer;text-transform:none;letter-spacing:0;min-height:0;line-height:1.4}
.csg-sa__toggle:hover{text-decoration:none}
.csg-sa__intro{margin:0 0 .75em;font-size:14px;line-height:1.4}
.csg-sa__form{display:flex;flex-direction:column;gap:8px;margin:0}
.csg-sa__form select,.csg-sa__form input[type="email"]{width:100%;margin:0;border-radius:10px;border:1px solid #ddd;background:#fff;min-height:44px;padding:0 12px}
.csg-sa__hp{position:absolute !important;left:-9999px !important;opacity:0;height:0;width:0}
.csg-sa__submit{background:var(--primary) !important;color:#fff !important;font-weight:600;border-radius:5px;min-height:46px;width:100% !important;max-width:100% !important;display:block;margin:0;cursor:pointer;border:0;text-align:center}
.csg-sa__submit.is-loading{opacity:.6;pointer-events:none}
.csg-sa__legal{margin:0;font-size:11px;line-height:1.4;color:#777}
.csg-sa__msg{font-size:14px;line-height:1.4}
.csg-sa__msg.is-ok{color:#1b7f3b;font-weight:600}
.csg-sa__msg.is-error{color:#c0392b;margin-top:8px}

/* Modal */
.csg-sa__modal{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.csg-sa__modal[hidden]{display:none !important}
.csg-sa__dialog{position:relative;background:#fff;border-radius:12px;width:100%;max-width:520px;padding:28px 24px 20px;box-shadow:0 10px 40px rgba(0,0,0,.25);max-height:100%;overflow:auto}
.csg-sa__close{position:absolute;top:8px;right:12px;background:none !important;border:0;font-size:28px;line-height:1;color:#111 !important;cursor:pointer;padding:4px 8px;min-height:0;width:auto}
.csg-sa__title{margin:0 24px 8px 0;font-size:22px;line-height:1.2;text-transform:none;color:#111}
.csg-sa__row{display:flex;gap:8px}
.csg-sa__row select{flex:0 0 38%;min-width:0}
.csg-sa__row input[type="email"]{flex:1 1 auto;min-width:0}
html.csg-sa-lock,html.csg-sa-lock body{overflow:hidden}
.csg-sa__dialog .csg-sa__submit{margin-top:4px}

/* La caja antigua ya no tiene panel propio */
.csg-sa{margin-top:1em}

/* Móvil: enlace a la derecha de "Guía tallas" */
.csg-sa-guide-row{display:flex !important;align-items:center;justify-content:space-between;gap:12px}
.csg-sa-guide-row #guia-tallas{margin-left:0 !important}
.csg-sa__toggle--inline{margin:0;text-align:right;font-size:13px}

/* El enlace no debe heredar los estilos de botón del tema (en hover/focus se ponía blanco) */
.csg-sa__toggle,
.csg-sa__toggle:hover,
.csg-sa__toggle:focus,
.csg-sa__toggle:active,
.csg-sa__toggle:focus-visible{
  background:transparent !important;
  color:var(--primary) !important;
  border:0 !important;
  box-shadow:none !important;
  outline-offset:2px;
}
.csg-sa__toggle:hover,
.csg-sa__toggle:focus{text-decoration:none !important}