/* === AMS SUBASTAS: Caja de puja === */

/* Base */
.ams-bid-wrapper{margin-top:0} /* antes 18px: esto empujaba la caja hacia abajo */
.ams-bid-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:16px 0 24px}
.ams-bid-row{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;background:#f5f7f8;border-radius:10px;margin-bottom:8px}
.ams-bid-label{display:block;margin-bottom:6px;font-weight:600}
.ams-bid-input{display:flex;align-items:center;gap:8px}
.ams-amount{width:260px;max-width:100%;padding:10px 12px;border:1px solid #d7dde3;border-radius:10px;text-align:center;font-weight:700}
.ams-step{width:40px;height:40px;border-radius:10px;border:1px solid #d7dde3;background:#fff;font-size:20px;line-height:1;cursor:pointer}
.ams-inc-min{margin:8px 0 12px;color:#555}
.ams-bid-history{margin-top:24px}
.ams-bid-history h4{margin:0 0 8px 0}
.ams-table{width:100%;border-collapse:collapse}
.ams-table th,.ams-table td{padding:10px;border-bottom:1px solid #eee;text-align:left}
.ams-bid-feedback{margin-top:8px}
.ams-bid-feedback.ok{color:#1b8f3e}
.ams-bid-feedback.err{color:#c62828}

/* Nota de registro bajo el botón verde (informativa) */
.ams-auth-note{font-size:13px;margin-top:8px;color:#444}
.ams-auth-note a{font-weight:700;text-decoration:underline}

/* Responsive */
@media (max-width: 900px){
  .ams-bid-grid{grid-template-columns:1fr}
}

/* ===================== Alineación al tope ===================== */
/* 1) Quita cualquier margen/padding superior del summary */
.single-product div.product .summary{
  margin-top:0 !important;
  padding-top:0 !important;

  /* Evita colapso de márgenes con el primer hijo (que a veces es un H*, etc.) */
  display:flow-root !important;      /* crea nuevo BFC */
  overflow:visible !important;       /* por si algún theme pone hidden y cambia el flujo */
}

/* 2) Asegura que el primer hijo del summary no “herede” margen superior */
.single-product div.product .summary > *:first-child{
  margin-top:0 !important;
}

/* 3) La propia caja de puja sin margen superior adicional */
.single-product div.product .summary > .ams-bid-wrapper{
  margin-top:0 !important;
}

/* 4) Un poco menos de aire sobre la navegación por lotes */
.single-product .ams-lot-nav{ margin-top:8px !important; }

/* 5) En desktop, fuerza todo al borde superior y anula transformaciones laterales */
@media (min-width:1024px){
  .single-product div.product{
    align-items:flex-start !important; /* alinea ambas columnas arriba (flex/grid) */
  }

  .single-product div.product .summary,
  .single-product .entry-summary{
    align-self:flex-start !important;
    margin-top:0 !important;
    padding-top:0 !important;
    transform:none !important; /* anula cualquier translateX residual */
  }

  /* Si la galería y la caja quedan demasiado pegadas visualmente,
     puedes subir a 12–16px este margen de la nav de lotes */
  .single-product .ams-lot-nav{ margin-top:12px !important; }
}
/* Que el botón ocupe todo el ancho en la sala */
#amsBidBox .ams-place-bid{ width:100%; }
/* Bloque principal arriba */
.ams-bid-primary { margin-bottom:16px; }
.ams-bid-input { display:flex; align-items:center; gap:8px; }
.ams-amount {
  width:260px; max-width:100%;
  padding:10px 12px; border:1px solid #d7dde3; border-radius:10px;
  text-align:center; font-weight:700;
}
.ams-step {
  width:40px; height:40px; border-radius:10px;
  border:1px solid #d7dde3; background:#fff; font-size:20px; cursor:pointer;
}
.ams-inc-min { margin:8px 0 12px; color:#555; }

/* Resumen debajo */
.ams-bid-summary .ams-bid-row{
  display:flex; justify-content:space-between; gap:12px;
  padding:8px 12px; background:#f5f7f8; border-radius:10px; margin-bottom:8px;
}